Bug 210368 - position:sticky prematurely unsticks in height-set flex overflow with-in flex
Summary: position:sticky prematurely unsticks in height-set flex overflow with-in flex
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: Safari Technology Preview
Hardware: All All
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2020-04-10 19:20 PDT by kakolisgay
Modified: 2021-09-20 02:24 PDT (History)
6 users (show)

See Also:

Attachments
Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
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?