New issue
Advanced search Search tips

Issue 667498 link

Starred by 5 users
Status: WontFix
Owner: ----
Closed: Dec 3
Cc:
sahel@chromium.org
bokan@chromium.org
Components:
EstimatedDays: ----
NextAction: ----
OS: Linux , Windows
Pri: 3
Type: Bug



Sign in to add a comment

overflow: overlay adds overflow for scrollbar

Project Member Reported by bokan@chromium.org, Nov 21 2016 
Chrome Version       : 54.0.2840.100
OS Version: Linux
URLs (if applicable) : http://codepen.io/klebba/pen/oYzLZL

What steps will reproduce the problem?
1. Visit the above page (or make a page with the CSS below)
2. Try wheel/touchpad scrolling the box horizontally

What is the expected result?
There is no horizontal overflow, the box should scroll only in the vertical axis.

What happens instead of that?
The box scrolls horizontally, revealing the content under the overlay scrollbar.

Applying overflow-x:hidden; overflow-y: overlay doesn't help unless the scroller is promoted to a compositing layer by adding transform: translateZ(0). 

CSS+HTML

<div id="container">
  <div id="stub"></div>
</div>

#container {
  width: 400px;
  height: 200px;
  background-color: #111;
  overflow: overlay;
}

#stub {
  height: 800px;
  background-image:
        linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black),
        linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black);
    background-size: 100px 100px;
    background-position: 0 0, 50px 50px;
}

Comment 1 by rbyers@chromium.org, Nov 21 2016 

Re: Applying overflow-x:hidden; overflow-y: overlay doesn't help:
It seems to for me on Chrome 56.0.2914.3 Linux (low-dpi).  http://codepen.io/rbyers/pen/mOWKQo seems to work fine, even though I'm getting non-composited scrolling.

Comment 2 by bokan@chromium.org, Nov 21 2016 

Interesting, I still get horizontal scrolling on your example with 56.0.2922.1. I'm using a low-DPI linux laptop and using touchpad scrolling. Did you try scrolling left? It looks like it loads with the content "pushed" out by the scrollbar.

Comment 3 by rbyers@chromium.org, Nov 21 2016 

Oh interesting.  I can't scroll horizontally with the mouse (using shift-wheel, which does work in the earlier example).  But I see what you mean.  The containers's scrollLeft starts at 22 even though it's scrollWidth==clientWidth.  Weird.
Project Member

Comment 4 by sheriffbot@chromium.org, Nov 22 2017

Labels: Hotlist-Recharge-Cold
Status: Untriaged (was: Available)
This issue has been Available for over a year. If it's no longer important or seems unlikely to be fixed, please consider closing it out. If it is important, please re-triage the issue.

Sorry for the inconvenience if the bug really should have been left as Available. If you change it back, also remove the "Hotlist-Recharge-Cold" label.

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot

Comment 5 by sahel@chromium.org, Nov 23 2017

Cc: bokan@chromium.org sahel@chromium.org
Status: Available (was: Untriaged)
Reproducible on 62.0.3202.94
Project Member

Comment 6 by sheriffbot@chromium.org, Nov 26

Status: Untriaged (was: Available)
This issue has been Available for over a year. If it's no longer important or seems unlikely to be fixed, please consider closing it out. If it is important, please re-triage the issue.

Sorry for the inconvenience if the bug really should have been left as Available.

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot

Comment 7 by e...@chromium.org, Dec 3

Status: WontFix (was: Untriaged)
No longer reproduces.
►

Sign in to add a comment