New issue
Advanced search Search tips

Issue 685785 link

Starred by 4 users
Status: WontFix
Owner:
skobes@chromium.org
Closed: Jan 2017
Cc:
ligim...@chromium.org
Components:
EstimatedDays: ----
NextAction: ----
OS: Mac
Pri: 1
Type: Bug-Regression



Sign in to add a comment

Scroll position changes when element is appearing

Reported by mich...@maestrooo.com, Jan 26 2017 
UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/56.0.2924.76 Safari/537.36

Steps to reproduce the problem:
1. Open this fiddle: https://jsfiddle.net/he5p2xf1/
2. Scroll until the image is half hidden.
3. Hover the image.

What is the expected behavior?
The element that is slide up using jQuery should just reveal without moving the scroll position. Works this way in older versions of Chrome and all other browsers.

What went wrong?
The whole page is scrolled, leading to a very strange user experience.

Did this work before? Yes 55

Does this work in other browsers? Yes

Chrome version: 56.0.2924.76  Channel: stable
OS Version: OS X 10.12.3
Flash Version: Shockwave Flash 24.0 r0

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

Also seen on Windows using the latest Chrome canary 58.0.2993.0.

Bisect: 426333 (good) - 426343 (bad), 56.0.2896.0
https://chromium.googlesource.com/chromium/src/+log/e0966a9b..56d48222?pretty=fuller

Suspecting r426337 "Enable scroll anchoring"
Confirmed by running "chrome --disable-blink-features=ScrollAnchoring" command line (without quotes), which fixes the bug.

Comment 2 by ligim...@chromium.org, Jan 26 2017

Cc: ligim...@chromium.org
Components: Blink>Scroll
Labels: -Pri-2 Needs-Triage-M56 Prestable-56.0.2924.76 M-56 Pri-1
Owner: skobes@chromium.org
Status: Assigned (was: Unconfirmed)
Looks like issues appears due to enabled scroll anchoring.

Assigning to the Cl owner, as per the bisect.

https://chromium.googlesource.com/chromium/src/+/6d380ba3ab246a15d6269a75328f481336b53ee1

Comment 3 by ligim...@chromium.org, Jan 26 2017

Labels: -Needs-Triage-M56

Comment 4 by skobes@chromium.org, Jan 26 2017

Status: WontFix (was: Assigned)
This is working as intended per scroll anchoring design (https://github.com/WICG/ScrollAnchoring/blob/master/explainer.md).

We anchor to the .collection-item <div> because it is the first visible thing in the DOM, so when it moves we adjust the scroll position to compensate.

You can prevent anchoring to this div in CSS as follows:

.collection-item {
  overflow-anchor: none;
}

Comment 5 by mich...@maestrooo.com, Jan 27 2017 

I can confirm that overflow-anchor does the trick. Thanks!

Comment 6 by bokan@chromium.org, Feb 1 2017 

 Issue 687118  has been merged into this issue.
►

Sign in to add a comment