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

Shawn Walton

Reported 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.

Attachments
Add attachment proposed patch, testcase, etc.

Francesco

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

Is this related to bug 155496?

Martin Robinson

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

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

Note You need to log in before you can comment on or make changes to this bug.