New issue
Advanced search Search tips

Issue 674603 link

Starred by 1 user
Status: WontFix
Owner: ----
Closed: Dec 2016
Components:
EstimatedDays: ----
NextAction: ----
OS: Linux
Pri: 2
Type: Bug



Sign in to add a comment

Nonsense interaction between float and div with overflow:hidden

Reported by teo8...@gmail.com, Dec 15 2016 
UserAgent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/55.0.2883.75 Safari/537.36

Example URL:
http://output.jsbin.com/humohe

Steps to reproduce the problem:
1. visit http://output.jsbin.com/humohe
2. Make sure the window is not too wide, so that the "lorem ipsum" text folds to at least half a dozen lines

What is the expected behavior?
Should look like the first screenshot

What went wrong?
Looks like the second screenshot.

If you remove the "overflow:hidden" from the style of the last div, it works as expected. Utter nonsense.

Did this work before? N/A 

Chrome version: 55.0.2883.75  Channel: n/a
OS Version: 
Flash Version: Shockwave Flash 24.0 r0

Yes, Firefox suffers from the same bug.
expected.png
20.1 KB View Download
observed.png
23.9 KB View Download

Comment 1 by teo8...@gmail.com, Dec 15 2016 

Note, by the way, that replacing "overflow: hidden" with "overflow-y: hidden" doesn't fix the issue. So if any sense could possibly be made out of this behavior because of some arcane interaction with horizontal overflow, there's no way it makes sense for vertical overflow.

Comment 2 by mmenke@chromium.org, Dec 15 2016

Components: -Internals>Network Blink>Layout
Not a network issue.

Comment 3 by teo8...@gmail.com, Dec 15 2016 

> Not a network issue.

My bad, sorry, I meant to select "content"

Comment 4 by e...@chromium.org, Dec 15 2016

Status: WontFix (was: Unconfirmed)
Setting overflow: hidden creates a block formatting context which changes the behavior of the float.

While a bit surprising perhaps this is by design and as per spec:
https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Block_formatting_context
►

Sign in to add a comment