Bug 188992 - CSS position: -webkit-sticky has no effect in a display: table-cell container
Summary: CSS position: -webkit-sticky has no effect in a display: table-cell container
Status: RESOLVED DUPLICATE of bug 155496
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: Safari 11
Hardware: Mac macOS 10.13
: P2 Normal
Assignee: Nobody
URL: https://codepen.io/shawn-walton/pen/W...
Keywords:
Depends on:
Blocks:
 
Reported: 2018-08-27 11:15 PDT by Shawn Walton
Modified: 2021-08-23 08:31 PDT (History)
4 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 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 ***