UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.77 Safari/537.36

Steps to reproduce the problem:
1. Use a Mac computer with retina display
2. Under System Preferences > General > Show scroll bars, set the value to "When scrolling"
3. Open Chrome on a retina display
4. Open the attached HTML file 
5. Scroll the container at the bottom
6. Observe that the scrollbar is rendered partially outside the container (see screenshot for example)

What is the expected behavior?
The scrollbar should render entirely inside the related <div> element, like in other browsers

What went wrong?
The scrollbar is rendered partially outside the container (see screenshot for example)

Did this work before? N/A 

Does this work in other browsers? Yes

Chrome version: 70.0.3538.77  Channel: stable
OS Version: OS X 10.14.0
Flash Version: 

Might be related to https://bugs.chromium.org/p/chromium/issues/detail?id=882680

If you look at the CSS comments, there are many lines in conjunction required to reproduce the issue, where disabling any one of them causes the scrollbars to render correctly again. This was the simplest test case I could make.
 

Deleted: scrollbar-retina-bug.html 7.8 KB

scrollbar-retina-bug.html 7.8 KB View Download

Deleted: Screen Shot 2018-11-08 at 13.34.21.png 167 KB

	Screen Shot 2018-11-08 at 13.34.21.png 167 KB View Download