Elements that are positioned sticky that share a grid row with other elements don't position as intended
Reported by
therealp...@gmail.com,
Apr 24 2017
|
|||||||
Issue descriptionUserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/58.0.3029.81 Safari/537.36 Steps to reproduce the problem: 1. Use display:grid to put two items in the same row, somewhere offset from the top of the page. 2. Set one of those items to position: sticky and top: 0 What is the expected behavior? The item with the sticky position should stop scrolling when it reaches the top of the page. What went wrong? While the sticky item does have the correct stacking context, its contents continue to scroll. Did this work before? No Does this work in other browsers? No Chrome version: 58.0.3029.81 Channel: stable OS Version: 10.0 Flash Version:
,
Apr 25 2017
Thanks for the issue. Unable to reproduce the issue on windows 7 using chrome version 58.0.3029.81 with the html file attached.The side bar scrolls over the main1 and main2.Please confirm is this the issue? Observed the same behaviour on Firefox as well. Could you please find the attached screen cast and confirm anything missed here.If possible provide us the expected screen cast for better understanding the issue. Thanks,
,
May 11 2017
Friendly ping..!! @ therealpaulgrant@, Could you please respond on comment#2 by upgrading chrome to latest stable #58.0.3029.110 Thanks..!!
,
May 11 2017
Yes, I'm sorry I missed the original content. So yes, this is definitely a symptom of the over-arching issue. Perhaps it would help if I show you how I would EXPECT this feature to work/look. I'm not sure if it's an issue with grid specifically or with the sticky spec upon further reflection. I haven't reported bugs before, so maybe I've posted this in the wrong place.
,
May 11 2017
Thank you for providing more feedback. Adding requester "kavvaru@chromium.org" to the cc list and removing "Needs-Feedback" label. For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
,
May 15 2017
Over to flackr for position sticky triage.
,
May 18 2017
Cane we have the latest update on this issue?
,
May 23 2017
This is working as intended. The side nav doesn't move down because it is as tall as the scrolling content so it has no room to be pushed down. If you make it height: calc(100vh - 40px) for example that will use all of the visible space on the screen but still allow it to be pushed down to the bottom of the scroller. |
|||||||
►
Sign in to add a comment |
|||||||
Comment 1 by manoranj...@chromium.org
, Apr 24 2017