WebKit Bugzilla
New
Browse
Log In
×
Sign in with GitHub
or
Remember my login
Create Account
·
Forgot Password
Forgotten password account recovery
NEW
191952
iOS scroll disables pointer-events on absolute elements over the scrolling container
https://bugs.webkit.org/show_bug.cgi?id=191952
Summary
iOS scroll disables pointer-events on absolute elements over the scrolling co...
Aarbel
Reported
2018-11-25 05:37:29 PST
**On iOS, when a container is scrolling, all the absolute elements above it don't receive touch events. When the scroll stops, touch actions works back on these elements. Do you know a way to fix it ?** Test [this example](
http://result.dabblet.com/gist/9f4dffd8311bdfb53c930820da4f9b2f/9a980198f42582b8c4aebcd09e26d4854104810d
) on your IOS device (source code is [here](
https://gist.github.com/Aarbel/9f4dffd8311bdfb53c930820da4f9b2f
)). On this example when the list is scrolled, clicking on the "MENU" button makes the scroll stop, but the click event on the menu button isn't triggered, so it feels "buggy" for the user. What could be a simple way to fix this behavior, and trigger the click even if the container is scrolling ? Thanks a lot for your help ! Insight: if the absolute div isn't above the scrolling container, everything works normally. Reference with my stackoverflow post :
https://stackoverflow.com/questions/53461819/why-ios-scroll-disables-pointer-events-on-absolute-elements-over-the-scrolling-c
Attachments
Add attachment
proposed patch, testcase, etc.
jonjohnjohnson
Comment 1
2018-12-19 11:11:08 PST
Related to
simon.fraser@apple.com
comment here
https://bugs.webkit.org/show_bug.cgi?id=183870#c9
specifically iOS handling of elements that aren't scroll containers stacked above scroll containers receiving all scroll interactions.
Note
You need to
log in
before you can comment on or make changes to this bug.
Top of Page
Format For Printing
XML
Clone This Bug