[css3-ui] text-overflow:clip should not operate on line boxes

(Logged as Issue 77)

We've recently made the change that text-overflow: ellipsis should kick in when the inline content overflows its line box edge (it used to be when it overflows the content box of its block container).

For "text-overflow: ellipsis" and "text-overflow: <string>", it is the desired behavior, and what blink, webkit and IE already implement.

However, the way the spec is written makes it apply to all values, including the initial "clip", which is not what IE & blink & webkit implement.

http://jsbin.com/kuruxe/1/watch?html,css,output

As currently specified, supercalifragilisticexpialidocious should be clipped at the green border of the float in the first div.

To revert this (I believe unintentional) effect while keeping the behavior for "ellipsis" and the <string> values, we can keep the overall definition of the property as it is, and fix the definition of the clip value by replacing
  "Clip inline content that overflows."
with
  "Clip inline content that overflows its block container element."

Or does someone think the currently specified behavior is actually desirable and without risk of breaking compat?

 - Florian

Received on Friday, 13 February 2015 05:41:53 UTC