1048779 - overflow:hidden element overlaps floating element when placed at the top of the container

Status: RESOLVED DUPLICATE of bug 290146

(Core :: Layout: Floats, defect)

Description

[Ruben Grimm]

User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:31.0) Gecko/20100101 Firefox/31.0 (Beta/Release)
Build ID: 20140716183446

Steps to reproduce:

This example does work on all browsers but Firefox.

http://css-tricks.com/minimum-paragraph-widths/


Actual results:

The :before pseudo-element does not break, but the floating element overlaps with the :before element.


Expected results:

The :before pseudo-element should break if a floating element starts overlapping. A real element with the same CSS-rules does that.

Comment 1

[sjw]

Work as expected in current Nightly, compared with Safari and Chrome.
Are you able to reproduce with a new profile? You may add a screenshot what it looks like on your system.

Comment 2

[Ruben Grimm]

Here is a better example, that does not work as expected for me: http://jsfiddle.net/vUB24/1/

It works in Chrome, though.

Comment 3

[Ruben Grimm]

Attachment: Firefox does not break the text

Comment 4

[Ruben Grimm]

Attachment: Chrome does

Comment 5

[sjw]

https://css-tricks.com/examples/MinParagraphWidth/
Does the third example work for you?

Comment 6

[Ruben Grimm]

Yes, the third example does work for me, but I can't really see the difference to my fiddle-example.
That's what confused me. I tried this "trick" on my homepage and it didn't work and since it worked in Chrome I thought it had to be a Firefox/Gecko bug.

Comment 7

[Mats Palmgren (inactive)]

Attachment: testcase

It's the "overflow: hidden" that causes the problem, not :before.
Also, adding a border-top so that the "overflow: hidden" block
isn't at the very top of the container seems to fix it.

Comment 8

[Mats Palmgren (inactive)]

Bug 290146 comment 5 makes me think this is the same underlying problem.