Bug 210368

Summary: position:sticky prematurely unsticks in height-set flex overflow with-in flex
Product: WebKit Reporter: kakolisgay
Component: Layout and RenderingAssignee: Nobody <webkit-unassigned>
Status: NEW ---    
Severity: Normal CC: bfulgham, kakolisgay, mrobinson, simon.fraser, webkit-bug-importer, zalan
Priority: P2 Keywords: InRadar
Version: Safari Technology Preview   
Hardware: All   
OS: All   

Description kakolisgay 2020-04-10 19:20:41 PDT
position:sticky prematurely un-sticks if placed in an overflow:scroll with-in a flex with-in a overflow:hidden flex with a set height. Once scrolled past the set height of the flex, the sticky will stop following the top of the viewport

Not entirely sure why this happens. Blink isn't effected. Tested on Chromium, Safari Preview, and GNOME Web.

https://jsfiddle.net/od09pkrv/1/
Comment 1 kakolisgay 2020-04-10 19:22:25 PDT
* position:sticky prematurely un-sticks if placed in an overflow:scroll with-in a flex with-in a flex with a set height
Comment 2 Radar WebKit Bug Importer 2020-04-11 10:45:35 PDT
<rdar://problem/61642307>
Comment 3 Martin Robinson 2021-09-20 02:24:51 PDT
I'm not seeing the issue any longer. Can you still reproduce it?