Wheel Event Not Fired For `body,html { height:100% }`
Originator: | galambalazs | ||
Number: | rdar://22376037 | Date Originated: | 21-Aug-2015 09:50 AM |
Status: | Open | Resolved: | |
Product: | Safari | Product Version: | All |
Classification: | Reproducible: | Always |
Summary: This *was* one of the most starred bug for Chromium (800 stars). With the help of the community we got this FIXED in Chrome v45. https://code.google.com/p/chromium/issues/detail?id=500144 We NEED Safari WebKit to fix it as well! Wheel event should work like other mouse events (click) and fire in the popular `body,html { height:100% }` case. Steps to Reproduce: Test page: http://output.jsbin.com/kapogi /* * The problem is caused by an element * bigger than viewport, and body,html * having 100% height. */ html, body { height: 100%; } #page { position: absolute; width: 50%; height: 1000%; } Have an `onwheel` or `onmousewheel` handler on the document. Expected Results: Wheel events like all other mouse events should fire on the sides (the test page shows how click fires correctly). Actual Results: After passing the html,body { height:100% } limit the wheel events are no longer fired (on the sides). Version: All versions of Safari, all versions of OS X Notes: How many dupes must a good man file? Before you call him a dev? Yes, and how many times can a man turn his head And pretend that he just doesn't see? The answer, my friend, is blowin' in the wind The answer is blowin' in the wind. Yes, and how many ears must one man have Before he can hear people cry? Yes, and how many deaths will it take 'til he knows That too many people have died? The answer, my friend, is blowin' in the wind The answer is blowin' in the wind. Configuration: Independent of other hardware of software
Comments
Please note: Reports posted here will not necessarily be seen by Apple. All problems should be submitted at bugreport.apple.com before they are posted here. Please only post information for Radars that you have filed yourself, and please do not include Apple confidential information in your posts. Thank you!