What's the issue?
If you have an element with an attached position: sticky css property the amp-sidebar component causes it to break when it's open. This is likely due to the overflow properties that get added to the html elements when it's opened via .i-amphtml-scroll-disabled.
How do we reproduce the issue?
Create a position: sticky element on a page that's attached to the top of the screen. When you're half way down the scroll trigger amp-sidebar to open. The sticky element will disappear from the viewport.
What browsers are affected?
Tested on Chrome and Firefox so far.
Which AMP version is affected?
Latest
Related
This is likely related to this w3c issue: w3c/csswg-drafts#865
What's the issue?
If you have an element with an attached
position: stickycss property theamp-sidebarcomponent causes it to break when it's open. This is likely due to the overflow properties that get added to the html elements when it's opened via.i-amphtml-scroll-disabled.How do we reproduce the issue?
Create a
position: stickyelement on a page that's attached to the top of the screen. When you're half way down the scroll triggeramp-sidebarto open. The sticky element will disappear from the viewport.What browsers are affected?
Tested on Chrome and Firefox so far.
Which AMP version is affected?
Latest
Related
This is likely related to this w3c issue: w3c/csswg-drafts#865