New issue
Advanced search Search tips

Issue 769697 link

Starred by 2 users
Status: Duplicate
Merged: issue 763337
Owner: ----
Closed: Sep 2017
Cc:
style-bugs@google.com
Components:
EstimatedDays: ----
NextAction: ----
OS: Mac
Pri: 2
Type: Bug-Regression



Sign in to add a comment

Overflow auto, table and box-shadow causing a scrollbar in >= 61

Reported by sascha.d...@gmail.com, Sep 28 2017 
UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/61.0.3163.100 Safari/537.36

Steps to reproduce the problem:
<div class="overflow-auto">
  <table class="table">
    <tr>
      <td class="text-right">
        <div class="box-shadow">Sample</div>
      </td>
    </tr>
  </table>
</div>

.overflow-auto { overflow: auto; }
.text-right { text-align: right; }
.box-shadow { box-shadow: 20px 20px 20px black; }

See test here https://codepen.io/anon/pen/XeREoQ

What is the expected behavior?
No scrollbars to the right

What went wrong?
There are scrollbars caused by the box-shadow

Did this work before? Yes 60

Does this work in other browsers? Yes

Chrome version: 61.0.3163.100  Channel: stable
OS Version: OS X 10.12.6
Flash Version:

Comment 1 by sascha.d...@gmail.com, Sep 28 2017 

I updated the test to see the issue better (https://codepen.io/anon/pen/XeREoQ)

<div class="overflow-auto">
  <table class="table">
    <tr>
      <td>
        <div class="box-shadow">Test</div>
      </td>
    </tr>
  </table>
</div>

.overflow-auto { overflow: auto; }
.table { width: 100%; }
.box-shadow { box-shadow: 20px 20px 20px black; }

Comment 2 by woxxom@gmail.com, Sep 28 2017 

Duplicate of  issue 763337 .
Fixed in 63.0.3214.0
Merged to 62.0.3202.24 - stable on Oct 17

Comment 3 by pbomm...@chromium.org, Sep 28 2017

Mergedinto: 763337
Status: Duplicate (was: Unconfirmed)
►

Sign in to add a comment