New issue
Advanced search Search tips

Issue 696283 link

Starred by 1 user
Status: WontFix
Owner: ----
Closed: Feb 2017
Cc:
skobes@chromium.org
Components:
EstimatedDays: ----
NextAction: ----
OS: Windows
Pri: 3
Type: Bug



Sign in to add a comment

Hovering element causes scroll position to change

Reported by patrick....@gmail.com, Feb 26 2017 
Chrome Version       : 56.0.2924.87
OS Version: 10.0

URLs (if applicable) : http://codepen.io/patrickgalbraith/full/vxEMGo/

Other browsers tested:
  Chrome 58.0.3023.0 canary (64-bit): FAIL
  Chrome 56.0.2924.87:                FAIL
  Chromium 55.0.2883.11:              OK
  Firefox 47.0.1:                     OK
  Microsoft Edge 38.14393.0.0:        OK
  IE 11:                              OK

What steps will reproduce the problem?
Hover over the left-most column when it is partially cropped by the top of the window. When it is fully visible the problem doesn't occur.

What is the expected result?
The scroll position should stay fixed as the element height does not change (it has a fixed height).

What happens instead of that?
The scroll position changes.

Please provide any additional information below. Attach a screenshot if
possible.

http://codepen.io/patrickgalbraith/full/vxEMGo/

Image 1: Showing element being hovered
http://i.imgur.com/hjjkGFl.jpg

Image 2: Showing sibling being hovered (note the scroll position changing)
http://i.imgur.com/sNaU513.jpg

UserAgentString: Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/56.0.2924.87 Safari/537.36
Image-1.jpg
84.2 KB View Download
Image-2.jpg
84.1 KB View Download

Comment 1 by woxxom@gmail.com, Feb 26 2017 

Quoting  https://crbug.com/695503#c7 

	This is the intended behavior of the scroll anchoring feature, which launched in Chrome 56.

	For more information about scroll anchoring, see the explainer at:
	https://github.com/WICG/ScrollAnchoring/blob/master/explainer.md

	To disable scroll anchoring, set CSS "overflow-anchor: none" on the scrollable element.

Comment 2 by patrick....@gmail.com, Feb 26 2017 

Thanks for this. That explains why it started happening in 56.

Is there any reason why this would only apply to the leftmost element and not all columns in this example (http://codepen.io/patrickgalbraith/full/vxEMGo/). Is this the expected behavior?

Comment 3 by nyerramilli@chromium.org, Feb 27 2017

Labels: Needs-Triage-M56

Comment 4 by woxxom@gmail.com, Feb 27 2017 

>Is there any reason why this would only apply to the leftmost element and not all columns. Is this the expected behavior?

Indeed, looks like a bug. Both columns have the same effect so the behavior should be the same.

Personally, I think Scroll Anchoring is still too naive to be enabled by default. I've been using WWW since 2000 and never felt any need for the feature.

Comment 5 by chrishtr@chromium.org, Feb 27 2017

Cc: skobes@chromium.org
Components: Blink>Layout
Status: Untriaged (was: Unconfirmed)
I can reproduce. Contrary to comment 1, this looks like a real bug.

Comment 6 by chrishtr@chromium.org, Feb 27 2017

Components: Blink>Scroll

Comment 7 by skobes@chromium.org, Feb 27 2017

Status: WontFix (was: Untriaged)
Scroll anchoring searches in DOM order for a visible anchor node, so with three columns it will pick the text in the first column ("Hover Me").

The hover handler causes the text to move, triggering the scroll.
►

Sign in to add a comment