Re: [css4-ui] Proposal for new property for text overflow on single-line text inputs

On 01/16/2012 11:46 AM, Jon Lee wrote:
> We believe the unique behavior of showing and hiding the ellipsis based on focus warrants a new property.
>
> text-overflow has thus far acted as a "static" property, in that web authors would expect that anything styled with it should remain as such, even in the focus case. As an author, I would find it strange that upon focus of a text input the ellipsis would just disappear. I would think that I should instead include the style
>
> input:focus { text-overflow: clip; }
>
> or something of that nature. The unfortunate consequence is that it also implies that I could state
>
> input:focus { text-overflow: ellipsis; }
>
> which, as you mentioned, would interfere with the user's ability to edit the text. Encapsulating this whole behavior with a property mitigates both issues.

If you put

input:focus { text-overflow: clip !important; }

in your UA stylesheet and place UA !important at the highest level
of the cascade (which is what Gecko does), then this problem is also
solved.

~fantasai

Received on Tuesday, 24 January 2012 02:06:56 UTC