Bug 188992

Summary:	CSS position: -webkit-sticky has no effect in a display: table-cell container
Product:	WebKit	Reporter:	Shawn Walton <shawn>
Component:	CSS	Assignee:	Nobody <webkit-unassigned>
Status:	RESOLVED DUPLICATE
Severity:	Normal	CC:	mrobinson, simon.fraser, vertova, zalan
Priority:	P2
Version:	Safari 11
Hardware:	Mac
OS:	macOS 10.13
URL:	https://codepen.io/shawn-walton/pen/WgwPWm

Description Shawn Walton 2018-08-27 11:15:37 PDT

When an element has the CSS attribute `position: -webkit-sticky` inside of a parent with `display: table-cell`, the child element does not behave like a sticky element. Changing the parent to be `display: block` or have `float: left` fixes this behavior. Here's a codepen to illustrate the issue: https://codepen.io/shawn-walton/pen/WgwPWm.

I've verified this bug on both the latest version of Safari (11.1.2 (13605.3.8)) and the latest Webkit dev build (r235378) on macOS 10.13.6. The bug does not exist in Chrome 68.0.3440.106 or Firefox 61.0.1.

Comment 1 Francesco 2018-08-30 10:18:01 PDT

Is this related to bug 155496?

Comment 2 Martin Robinson 2021-08-23 08:31:12 PDT


*** This bug has been marked as a duplicate of bug 155496 ***