UserAgent: Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/54.0.2840.99 Safari/537.36

Steps to reproduce the problem:
1. Insert a floating div.
2. Insert a second, wider, floating div.
3. Insert an "overflow: hidden" paragraph.

(This only fails for certain combinations of widths.)

What is the expected behavior?
The paragraph should be aligned vertically with the initial floating div, with width restricted to avoid overlap with the second floating div. This is how it works on Firefox and Explorer.

What went wrong?
The entire paragraph is pushed down and positioned after the first float, resulting in a large chunk of whitespace.

Did this work before? N/A 

Does this work in other browsers? Yes

Chrome version: 54.0.2840.99  Channel: n/a
OS Version: 10.0
Flash Version: Shockwave Flash 23.0 r0

Fails on updated versions of both Chrome and Chromium. See demo on https://jsfiddle.net/pdg137/obt5xrbw/1/
See also http://stackoverflow.com/questions/710158/why-do-my-list-item-bullets-overlap-floating-elements for why we might want "overflow: hidden" next to floats.
 

Deleted: chrome-bug.html 442 bytes

chrome-bug.html 442 bytes View Download