Bug 115462 – Inline box with ellipsis and white-space:nowrap being clipped at right edge of floated right input

• Component: CSS
• Status: RESOLVED WORKSFORME

[Alan Gresley]

Created attachment 200200 [details]
Two test. The first without ellipsis and the second with ellipsis.

Steps to reproduce the problem: Have a block box with the CSS properties and values of overflow:hidden, white-space:nowrap and text-overflow:ellipsis and a child input that is floated right.

What is the expected behavior? The inline box should overflow the float and be clipped (with ellipsis showing) at the right edge of the block box.

What went wrong? The inline box is being clipped (with ellipsis showing) at the right edge of child input that is floated right.

Bug was first reported on the CSS mailing list. 
http://lists.w3.org/Archives/Public/www-style/2013Apr/thread.html#msg540

A bug was filed with Mozilla but it is invalid since Firefox behavior is per spec. https://bugzilla.mozilla.org/show_bug.cgi?id=864759

[Karl Dubost]

This is a duplicate of https://bugs.webkit.org/show_bug.cgi?id=115258

[Karl Dubost]

Initially I thought all the browsers were failing the case with the clip case were the text was overflowing the floated element, but reading the discussions here and there and the fact that the 3 browsers are doing the same thing, the 3 bugs should probably be closed. 

https://bugs.webkit.org/show_bug.cgi?id=115746
https://bugs.webkit.org/show_bug.cgi?id=115258