W3C home > Mailing lists > Public > www-style@w3.org > May 2011

Re: [css3-ui] text-overflow and multicol

From: Alan Gresley <alan@css-class.com>
Date: Sun, 08 May 2011 05:02:17 +1000
Message-ID: <4DC59739.70300@css-class.com>
To: fantasai <fantasai.lists@inkedblade.net>
CC: Håkon Wium Lie <howcome@opera.com>, "www-style@w3.org" <www-style@w3.org>
On 8/05/2011 4:33 AM, Alan Gresley wrote:

> Is multi-col going to be different in respect to interoperability and
> will I be able to reveal via scrolling the final capitalized 'X'? I
> can't scroll to the final capitalized 'X in WebKit in the above test.


Another test where you must narrow the viewport.

<!DOCTYPE HTML>

<style>

div {
   overflow: auto;
   margin: 1em;
   height: 6em;
   text-overflow: ellipsis;
}

span { background: green; border-right: 2px solid red }
span span { border-right: 2px solid lime }

</style>

<div>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx<span><span>X</span></span></div>


I see four different behaviors.

FF4 and Aurora:          Nothing.

IE9 and IE10 preview:    Content is clipped and hidden.

Safari and Chrome:       Content is clipped and hidden (not the <spans>s 
themselves).

Opera 11:                Seems to have the right behavior apart from 
near the capitalized 'X' that is hidden (not the <spans>s themselves) by 
the width of the scroll-bar.


-- 
Alan Gresley
http://css-3d.org/
http://css-class.com/
Received on Saturday, 7 May 2011 19:02:49 GMT

This archive was generated by hypermail 2.3.1 : Tuesday, 26 March 2013 17:20:40 GMT