position:fixed breaks when switching from position:sticky (CSS)
Reported by
evv.i...@gmail.com,
Oct 27 2017
|
||||||||
Issue descriptionUserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/61.0.3163.100 Safari/537.36 Steps to reproduce the problem: 1. open codepen – https://codepen.io/evvvritt/pen/vWBvWN 2. click the <nav> to toggle fixed / sticky position 3. scroll to see fixed position doesn't remain fixed What is the expected behavior? Element should remain fixed if position:fixed What went wrong? position:fixed doesn't remain fixed, strangely jumps opposite of scroll position Did this work before? N/A Chrome version: 61.0.3163.100 Channel: stable OS Version: OS X 10.12.6 Flash Version:
,
Oct 30 2017
Can't repro this issue on 62. Requesting Bisect
,
Oct 31 2017
Able to reproduce the issue on reported version 61.0.3163.100 and latest Stable 62.0.3202.75 and latest Canary 64.0.3254.0 using Mac 10.12.6, Windows 10 and Ubuntu 14.04 Manual Bisect info ================ Good Build: 56.0.2909.0 Bad Build: 56.0.2910.0 Bisect tool info: ================ https://chromium.googlesource.com/chromium/src/+log/851c6f72587756eab07e345c2212c0d45c8c10e1..77a8c51a440e0741315ff5e9e77441b86cbbc56d Possible Suspect: ============== https://codereview.chromium.org/2468283005 Commit bot@,Kindly take a look and please help us to reassign this issue to a right owner if not with respect to this change. Unable to assign to Commit bot, hence CCing Commit bot and assigning to Rick Byers as one of the reviewer Thanks.! "
,
Oct 31 2017
,
Nov 22 2017
The bisect just points to position-sticky being enabled (which IIRC I just helped flackr land). To sticky owner.
,
Nov 22 2017
I apologize, I don't understand what's gone wrong. When the element is position: sticky it seems to stick correctly within its container, and when it returns to position: fixed it moves back to the top of the viewport. I'm unable to reproduce a case where when it is fixed position it doesn't remain fixed.
,
Nov 23 2017
,
Dec 8 2017
Sorry, I'm unable to reproduce any issue with this demo. There is a jump in position which is due to a combination of scroll anchoring and the fact that sticky position takes up space where fixed position is out of flow so the sections all move in response. |
||||||||
►
Sign in to add a comment |
||||||||
Comment 1 by lgrey@chromium.org
, Oct 27 2017