[Webkit-unassigned] [Bug 191952] New: iOS scroll disables pointer-events on absolute elements over the scrolling container. How to fix it?

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Sun Nov 25 05:37:29 PST 2018


https://bugs.webkit.org/show_bug.cgi?id=191952

            Bug ID: 191952
           Summary: iOS scroll disables pointer-events on absolute
                    elements over the scrolling container. How to fix it?
           Product: WebKit
           Version: WebKit Local Build
          Hardware: Unspecified
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Event Handling
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: clement at clovis.pro

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

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20181125/80108c8e/attachment.html>


More information about the webkit-unassigned mailing list