Re: ::overflow pseudo element

>>>>Ok, the proposal. '::overflow' can be used as an element, which can be
>>>>positioned independently. All the text that doesn't fit in the box will
>>>>go to this pseudo-element when a special value for 'overflow' (the
>>>>/property/) has been set.
>>>
>>>Define "text that doesn't fit".
>>
>>This is probably the hardest part for the UA, one of the reasons it 
>>might not be possible (but I could be mistaken).
>>
>>"text that doesn't fit" means all the lines of text that don't fit 
>>completely within the specified 'height' and 'width' of the box, with 
>>their specified 'font-size', 'line-height' combination.
>>
>>(I'm not sure if the breaks the current 'overflow' mechanism.)
> 
> Might  be better to tie this into the generated content module
> than to create a new pseudo-element
> 
> overflow: move-to(<identifier>)
> 
> Acts the same as hidden except that the "content that doesn't fit"
> is made pending as if the 'move-to' property was used on it.

I like this proposal as well, though there is currently a problem with 
the proposal that have to be worked out.

   <foo>
     <!-- lots of text -->
    <bar/>
   <foo>

   foo{
    position:relative;
    height:100px;
    /* overflow syntax needed */
   }
   bar{
    position:absolute;
    height:200px;
   }

Obviously, BAR overflows FOO, but the current proposal only addresses 
text (which is also the only real world usecase).

There are a number of options which could be chosen (dropping the 
'::overflow' pseudo element for now, since the less pseudo elements is 
the better for CSS3):

  * Something in the lines of 'overflow:move-to(blah) visible'. 'move-to'
    applies to the text, where 'visible' applies to the overflown boxes.
  * A property 'text-overflow'.
  * Some sort of syntax that extends the 'content' property. Something
    like 'content:normal overflow(blah)'.

Any suggestions?


-- 
  Anne van Kesteren
  <http://annevankesteren.nl/>

Received on Monday, 10 May 2004 13:35:48 UTC