[Webkit-unassigned] [Bug 234500] New: The element with the position: sticky in the scroll container shakes and jumps and forms gaps

[bugzilla-daemon at webkit.org]

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

            Bug ID: 234500
           Summary: The element with the position: sticky in the scroll
                    container shakes and jumps and forms gaps
           Product: WebKit
           Version: Safari 15
          Hardware: iPhone / iPad
                OS: iOS 15
            Status: NEW
          Severity: Major
          Priority: P2
         Component: Scrolling
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: p_stas1997 at mail.ru
                CC: simon.fraser at apple.com

Created attachment 447573

  --> https://bugs.webkit.org/attachment.cgi?id=447573&action=review

TestCase

The element with the position: sticky in the scroll container shakes and jumps and forms gaps

Paste the code on your server and see. Unfortunately codepen shows a site with scale, so you can't repeat this case there.

I use box-shadow: 0 -1px 0 0 white to layer sticky elements on top of each other. But that doesn't work in this case.

-- 
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/20211220/b5bbe49c/attachment.htm>