New issue
Advanced search Search tips

Issue 750477 link

Starred by 1 user

Issue metadata

Status: Duplicate
Merged: issue 162179
Owner: ----
Closed: Aug 2017
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Linux , Windows , Mac
Pri: 2
Type: Feature



Sign in to add a comment

Scroll Propagation Should be Easily Disabled.

Reported by manuelch...@gmail.com, Jul 30 2017

Issue description

UserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/59.0.3071.115 Safari/537.36

Steps to reproduce the problem:
https://jsfiddle.net/oghtc2xr/

That's a modal window, the desired effect is for the body below it to not scroll when the modal window or the overlay is scrolled.

What is the expected behavior?

What went wrong?
Trying to disabling scroll propagation using javascript is really messy. There are many scenarios where you don't want the background to scroll, and it should be really easy to disable, not hard. I tried some complex javascript which worked in most cases, but not in all cases, and not in all browsers. I think this is an issue that should be discussed and improved.

Did this work before? N/A 

Does this work in other browsers? N/A

Chrome version: 59.0.3071.115  Channel: n/a
OS Version: 10.0
Flash Version:
 
Labels: Needs-Milestone
Cc: pnangunoori@chromium.org
Labels: Needs-Feedback
@manuelchaves -- Thank for reporting the issue.

Tested on Chrome Stable #60.0.3112.90, Canary #62.0.3174.2, reported #59.0.3071.115, FireFox browser on Windows 7 & 10, behavior seems to be same across all the browsers. Observed that user is able to scroll to the bottom of the screen and the background seems to be same(as colour is even), even after scrolling down. And no difference is found. Could you please elaborate more on the issue mentioned in order to investigate the issue further.

Attached is the screen-cast for reference. 

Thanks in advance.

Check this one. https://jsfiddle.net/oghtc2xr/1/

If you scroll down the textarea, after it reaches bottom it scrolls the background. That's normal behaviour on browsers. What I'm saying is that it should be very easy to stop that. Right now, the best solution is putting a class in the body with overflow:hidden temporarily to stop it from scrolling. There should be a simple js or css flag to disable scroll propagation at any level.


Project Member

Comment 4 by sheriffbot@chromium.org, Aug 3 2017

Labels: -Needs-Feedback
Thank you for providing more feedback. Adding requester "pnangunoori@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
Cc: ligim...@chromium.org
Labels: -Pri-2 -Needs-Milestone Needs-Triage-M62 Needs-Bisect Pri-1
Labels: -Type-Bug -Needs-Bisect OS-Linux OS-Mac Type-Feature
Status: Untriaged (was: Unconfirmed)
Tested on Chrome Stable #60.0.3112.90, Canary #62.0.3176.0 on Windows 7, Mac 10.12.6, Ubuntu 14.04 and able to reproduce the issue. 

This is a non-regression issue and able to reproduce from M-45 #45.0.2454.85. Marking it as untriaged so that issue gets addressed.

Behavior in FireFox seems to be similar to Chrome and assuming this as feature request.

Thanks.

Cc: sunyunjia@chromium.org majidvp@chromium.org dtapu...@chromium.org
Components: Blink>Scroll
Have you tried scroll-boundary behavior that is behind a flag?
See: https://github.com/WICG/scroll-boundary-behavior

I think this covers what you wnat.
Labels: -Pri-1 Pri-2
Mergedinto: 162179
Status: Duplicate (was: Untriaged)

Sign in to add a comment