RESOLVED DUPLICATE of bug 155496188992
CSS position: -webkit-sticky has no effect in a display: table-cell container 
https://bugs.webkit.org/show_bug.cgi?id=188992
Summary CSS position: -webkit-sticky has no effect in a display: table-cell container
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.