New issue
Advanced search Search tips
Note: Color blocks (like or ) mean that a user may not be available. Tooltip shows the reason.

Issue 611873 link

Starred by 1 user

Issue metadata

Status: Duplicate
Merged: issue 384154
Owner:
Last visit > 30 days ago
Closed: Jun 2016
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Chrome , Mac
Pri: 3
Type: Bug



Sign in to add a comment

Iframe with overflow-y:scroll adds an unusable scroll bar on retina display

Project Member Reported by ejochman@google.com, May 13 2016

Issue description

Version: 50.0.2661.102
OS: OSX 10.11.4

What steps will reproduce the problem?
1) Under general preferences on OSX, set "show scroll bars" to "Automatically based on mouse or trackpad" or "Always"
2) With Chrome on a non-retina display, load main.html below containing a single iframe with overflow-y set to 'scroll'. The iframe content is slightly bigger than the iframe itself, causing overflow and generating a working scrollbar.
3) Move the Chrome window to the Apple macbook pro retina display

What is the expected output?
The rendering between displays is consistent. The scrollbars stay the same.
This issue is not reproducible in other browsers such as Safari and Firefox.

What do you see instead?
A disabled, unusable scrollbar is rendered over the existing iframe scrollbar (screencap gif attached)


Please use labels and text to provide additional information.
====== main.html ======
<html>
  <head>
    <style type="text/css">
      iframe {
        overflow-y: scroll;
        width: 550px;
        height: 450px;
      }
    </style>
  </head>
  <body>
    <iframe src="tooBigForIframe.html"/>
  </body>
</html>


====== tooBigForIframe.html ======
<html>
  <head>
    <style type="text/css">
      div {
        height: 600px; /* This dimension is slightly larger than the parent iframe */
        width: 500px;
        border: 2px solid blue;
      }
    </style>
  </head>
  <body>
      <div></div>
  </body>
</html>


 
crbug2.gif
5.4 MB View Download

Comment 1 by ejochman@google.com, May 13 2016

Summary: Iframes with overflow-y:scroll adds an unusable scroll bar on retina display (was: Iframes with overflow-y:scroll add an unusable scroll bar on retina display)

Comment 2 by ejochman@google.com, May 13 2016

Summary: Iframe with overflow-y:scroll adds an unusable scroll bar on retina display (was: Iframes with overflow-y:scroll adds an unusable scroll bar on retina display)
Cc: majidvp@chromium.org
Owner: ccameron@chromium.org
Status: Assigned (was: Untriaged)
This may be an artifact of switching the scrollbars to being composited when switching to a retina display. 

+ccameron@ are you able to take a look and verify? 
Labels: Hotlist-Input-Dev
Owner: shrike@chromium.org
Status: Available (was: Assigned)
I am not able to work on Mac input/scrolling bugs. Routing to shrike for the moment -- this is an area that doesn't have an owner..

Please try to reproduce on a Pixel, to see if this is Mac specific.

Also, have you tried a bisect? Is this a regression?
Labels: Needs-Feedback
Status: Unconfirmed (was: Available)
Project Member

Comment 7 by sheriffbot@chromium.org, Jun 2 2016

Labels: Hotlist-Google
Labels: allpublic
[There is not confidential information in this ticket so making it public]
Cc: jbroman@chromium.org
Labels: Needs-Bisect OS-Chrome
Status: Available (was: Unconfirmed)
I can reproduce this on ChromeOS too in current Stable (M50) but not in dev channel (M52). Here is the repro in #1: http://jsbin.com/kehehadeke.



So it has been fixed already. I don't have a M51 device handy to test to make sure it is in M51 or no but I suspect this is the same issue as http://crbug.com/383855 which was fixed in M51 by jbroman@. If this is true the we should mark as duplicate and close. 
Assuming you mean  bug 384154 , this sounds the same as that (fix in M51, as majidvp@ says).
Mergedinto: 384154
Status: Duplicate (was: Available)
I definitely meant  issue 384154 .

Sign in to add a comment