[Webkit-unassigned] [Bug 242114] New: Children of sticky-positioned elements can layer on top of overlay scrollbars

[bugzilla-daemon at webkit.org]

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

            Bug ID: 242114
           Summary: Children of sticky-positioned elements can layer on
                    top of overlay scrollbars
           Product: WebKit
           Version: Safari Technology Preview
          Hardware: Mac (Intel)
                OS: macOS 12
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Layout and Rendering
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: caleb at chearon.net
                CC: bfulgham at webkit.org, simon.fraser at apple.com,
                    zalan at apple.com

Might be the same as 103156. TLDR: try dragging the scrollbars here **with overlay scrollbars enabled in system preferences**: https://jsfiddle.net/d2gjan4x/

The repro scenario involves this DOM structure:

1. A scrollable viewport
2. Inside that, a sticky-positioned element that takes full available with and height
3. Inside that, an element that expands to cover the same X/Y area taken by the scrollbars and establishes a new stacking context

The mouse interaction goes to the last div. It tries to do text selection and the scrollbar won't move. Interestingly, I can also have `position: relative` on element #3, even though that shouldn't be enough to create a stacking context.

-- 
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/20220629/5249ef1a/attachment.htm>