Bug 113229 - text-overflow - Placement of ellipsis affected by floating content
Summary: text-overflow - Placement of ellipsis affected by floating content
Status: RESOLVED DUPLICATE of bug 115746
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: 528+ (Nightly build)
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2013-03-25 12:05 PDT by Daniel Trebbien
Modified: 2013-05-19 10:18 PDT (History)
2 users (show)

See Also:


Attachments
Test case (279 bytes, text/html)
2013-03-25 12:05 PDT, Daniel Trebbien
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Daniel Trebbien 2013-03-25 12:05:26 PDT
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.
Comment 1 Robert Hogan 2013-05-19 10:18:56 PDT
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 ***