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
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.