W3C home > Mailing lists > Public > www-style@w3.org > October 2013

Re: Proposal for "overflow:clip" for stronger painting isolation

From: Alan Gresley <alan@css-class.com>
Date: Fri, 18 Oct 2013 20:32:38 +1100
Message-ID: <52610036.7090807@css-class.com>
To: Bruno Racineux <bruno@hexanet.net>, "Kang-Hao (Kenny) Lu" <kanghaol@oupeng.com>
CC: www-style list <www-style@w3.org>, "Tab Atkins Jr." <jackalmage@gmail.com>
On 18/10/2013 7:38 PM, Bruno Racineux wrote:
> On 10/17/13 2:57 PM, "Kang-Hao (Kenny) Lu" <kanghaol@oupeng.com> wrote:
>> (2013/10/18 5:35), Tab Atkins Jr. wrote:
>>> On Thu, Oct 17, 2013 at 2:23 PM, Bruno Racineux <bruno@hexanet.net>
>>> wrote:
>>>> Does this proposal address "clearing the float" at all?
>>>> I would be ideal is there was a native solution for this by now, rather
>>>> than the 'clearfix' hacks.
>>>> And while 'overflow:hidden' helps, it's not a comprehensive solution to
>>>> clear-fixing.
>>> This is basically a more powerful/comprehensive overflow:hidden, so it
>>> addresses float clearing as well as overflow:hidden does.
>> I suppose this reads
>>   'overflow: clip' doesn't address "clearing the float"
>> ? I am not criticizing the proposal as the use cases might just be
>> parallel,
> I bring this due to the implications between overflow:hidden and "clearing
> the float". And for lack of introduction perhaps, I am curious to
> understand what overflow:clip intends to achieve or address.

Why is it that when Tab attempts to start or continue this thread that 
it get hijacked into being a thread about clearing floats?

I will quote Tab.

 > In particular, isolating the painting of an element seems like a big
 > win - having some way to guarantee that the element can be
 > hard-clipped to its boundary without losing anything important.
 > overflow:hidden doesn't*quite*  do this - abspos and fixpos elements
 > can escape the bounds of the element.

Test case.

<style type="text/css">
div { height: 100px; width: 100px; border: 5px solid black; }

<div style="overflow:hidden">
<p>Some text that will overflow</p>
<p>Some text that will overflow</p>
<p>Some text that will overflow</p>
<p>Some text that will overflow</p>
<p>Some text that will overflow</p>
<div style="position:absolute;right:0;bottom:0;background:lime">Where am 
I located?</div>


Alan Gresley
Received on Friday, 18 October 2013 09:33:08 UTC

This archive was generated by hypermail 2.4.0 : Friday, 17 January 2020 22:51:03 UTC