I've worked around this behavior, and run in to some troubleshots. the position: sticky behaves as a position: relative element by the spec. So when we change the height of the :stuck element, the complete layout changes based on the new height. As a workaround I defined margin-bottom for the :stuck element. Here is the workaround code: https://jsfiddle.net/utasir/92L8L85q/18/ I've added 1 indicator to the code, but this is against the separation theory of the style and html structure. A compromised solution would be useful whilst this ticket is closed. -- GitHub Notification of comment by hunboy Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/1656#issuecomment-359963820 using your GitHub accountReceived on Tuesday, 23 January 2018 23:12:20 UTC
This archive was generated by hypermail 2.4.0 : Tuesday, 5 July 2022 06:41:23 UTC