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

Tue Mar 28 02:42:19 PDT 2023

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

--- Comment #4 from Bernardo Belchior <bernardo.belchior at rows.com> ---
(In reply to Bernardo Belchior from comment #2)
> I am facing this issue as well. I have another way to reproduce it, in case
> it is useful.
> 
> I'm using Safari 16.3 on macOS 13.2.1.
> 
> ```html
> <html lang="en">
> <body>
> <div id="root">
>   <div style="position: absolute; inset: 0px; overflow: hidden auto;"
> data-test="absolute">
>     <div style="height: 150vh; position: sticky; width: 100vw; overflow:
> auto hidden; background-color: yellow;"
>          data-test="sticky-outer">
>       <div data-test="sticky-inner" style="width: 100vw; height: 50vh;
> position: sticky; background-color: orange;"></div>
>     </div>
>   </div>
> </div>
> </body>
> </html>
> ```

In order to reproduce, try grabbing the scrollbar when it is on top of the orange div. It won't work. It will work if you try to grab it in the yellow div, though.

-- 
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/20230328/6af485f9/attachment-0001.htm>