text-overflow - Placement of ellipsis affected by floating content

• Component: Layout and Rendering
• Status: RESOLVED DUPLICATE

[Daniel Trebbien]

Created attachment 194899 [details]
Test case

Please see the attached test case.  In WebKit r146759 (built on 25 March 2013) and Safari 6.0.3, the ellipsis is placed before the start of the light blue box having float:right, but the light blue box should overlap the ellipsis.

Firefox 19.0.2 and Opera 12.14 place the light blue box on top of the "|||||..." text that is cut off by an ellipsis.  WebKit reverts to this behavior, too, if text-overflow:ellipsis is removed.

I think that Firefox' and Opera's behavior is correct because "[The text-overflow property] specifies rendering when inline content overflows its block container element ("the block") in its inline progression direction that has ‘overflow’ other than ‘visible’" (CSS3 UI) and because the applicable block in this case is the outer div, the placement of the ellipsis which cuts off the "|||||..." text should not be affected by the floating light blue div.

[Robert Hogan]

Although this is an earlier bug report I have a fix available at bug 115746.

*** This bug has been marked as a duplicate of bug 115746 ***