Fixed element jumps down and up again on mouse over
Reported by
ferndrig...@gmail.com,
Jan 5 2017
|
||||||||||
Issue description<b>Chrome Version : <Copy from: 'about:version'></b> URLs (if applicable) : https://www.lookr.com/lookout/1171308478-Munich (replace "/lookout/" with "/lookout-new/" if you visit this page in the next view days) Other browsers tested: Add OK or FAIL, along with the version, after other browsers where you have tested this issue: Safari: - Firefox: Never had this problem IE: IE11 never had this problem What steps will reproduce the problem? (1) Open URL (read the note aside the URL) with at least 1280px window with such that you see a sidebar appear on the right (2) Scroll down until the sidebar becomes sticky (fixed position) (3) Mouse over any link within the sidebar (4) Problem occurs not always. Repreoduce (1) to (3) for 2-4 times to see the issue, it depends probably on the scroll position What is the expected result? Sidebar stays at the same place, link renders in :hover CSS styles What happens instead? Sidebar jumps 1px down and after about 100ms up again while, link renders normally. When the mouse leaves the sidebar area, sidebar jumps the same way again. Please provide any additional information below. Attach a screenshot if possible. If needed I can try to record it on video, because it is hard to see only with two screenshots. But even if it is only 1px moving around, it is rather annoying because it happens so quickly.
,
Jan 6 2017
,
Jan 6 2017
Sounds like layout. I couldn't repro on crOS M55 or Linux M56 (needs lookout-new in the url to see the menu described).
,
Jan 9 2017
Looks like a hi-dpi/position sticky issue.
,
Jan 10 2017
,
Jan 25 2017
For some reason I can reproduce on Windows but not on Linux or ChromeOS. Note that this is likely a low DPI only issue, if the fixed position element is already promoted (high DPI or will-change: transform) it does not move when hovered over. It seems that our main thread position for the element does not match the position when it is composited, so during the animation we promote the fixed position element and it shifts by 1px. I suspect the root cause is the same as issue 681951.
,
Jan 25 2017
,
Apr 25 2018
,
Apr 25 2018
,
Apr 25 2018
It looks like the UI of this page has changed, and the bug no longer reproduces on it. Closing. Please comment if the bug still happens and I missed it. |
||||||||||
►
Sign in to add a comment |
||||||||||
Comment 1 by ferndrig...@gmail.com
, Jan 5 2017