[Webkit-unassigned] [Bug 156435] New: -webkit-overflow-scrolling:touch interferes with the propagation of perspective.

[bugzilla-daemon at webkit.org]

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

            Bug ID: 156435
           Summary: -webkit-overflow-scrolling:touch interferes with the
                    propagation of perspective.
    Classification: Unclassified
           Product: WebKit
           Version: Safari 9
          Hardware: iOS
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Layout and Rendering
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: vollick at chromium.org
                CC: simon.fraser at apple.com

Try visiting https://output.jsbin.com/muqaqejafi

Clicking the button toggles -webkit-overflow-scrolling : touch/auto. When touch is selected, perspective from the scroller is not applied to the background as per my understanding of the TR transform spec and parallax fails. This appears to be the source of some pain in the wild (https://css-tricks.com/forums/topic/parallax-scrolling-that-actually-works-on-ipad/). I'm not aware of a way to get both fling and parallax on an overflow scroller on iOS without resorting to JS (is there a way?).

Unrelated: it is difficult to click the button on iOS without being scrolled to the top. Could the scrolled content be interfering with hit testing, despite the scroll clip?

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <https://lists.webkit.org/pipermail/webkit-unassigned/attachments/20160409/134b4d20/attachment.html>