Bug 210368

Summary:	position:sticky prematurely unsticks in height-set flex overflow with-in flex
Product:	WebKit	Reporter:	kakolisgay
Component:	Layout and Rendering	Assignee:	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?