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!