New issue
Advanced search Search tips

Issue 868874 link

Starred by 1 user
Status: Available
Owner: ----
Cc:
style-bugs@google.com
Components:
EstimatedDays: ----
NextAction: ----
OS: Windows , Mac
Pri: 3
Type: Bug



Sign in to add a comment

Horizontal Scroll bar appears on <body> when inline-block HTML element is adjacent to floated element iff the two elements are separated by one EOL character ONLY

Reported by eziama.u...@gmail.com, Jul 30 
UserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.99 Safari/537.36

Steps to reproduce the problem:
1. Two adjacent HTML elements, the first styled "display:inline-block; width:100%", and the second styled "float: left". <body> margin set to 0.
2. The two elements must be separated by only an EOL (either LF or CRLF) (i.e. ONLY a LF or CRLF between the closing tag of the first div and the opening tag of second div).
3. In Chrome (from 66 upwards, and possibly even earlier), a horizontal scroll bar appears.
4. Add space (or any character(s)) to (or in place of) the EOL character from step 2. The scroll bar disappears.

What is the expected behavior?
There should be no horizontal scroll bar, whether a single EOL or other character separates the elements. 

What went wrong?
Chrome adds a horizontal scroll bar ONLY when the thus-styled HTML elements are separated by a single EOL. With any other character (combinations), the scroll bar disappears.

Did this work before? N/A 

Does this work in other browsers? Yes

Chrome version: 67.0.3396.99  Channel: stable
OS Version: 10.0
Flash Version:
chrome_bug_reduced_test_case.html
476 bytes View Download
bug_demonstration_chrome.jpg
114 KB View Download

Comment 1 by yannic.b...@gmail.com, Jul 30

Components: Blink>CSS
Labels: OS-Mac
Status: Untriaged (was: Unconfirmed)
Reproducible on mac stable + canary

Comment 2 by e...@chromium.org, Aug 1

Labels: -Pri-2 Fixed-In-LayoutNG Pri-3
Status: Available (was: Untriaged)
►

Sign in to add a comment