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

extract elements from within the "overflow viewport" ?

From: Netmosfera <netmosfera@gmail.com>
Date: Sat, 01 Jun 2013 03:26:22 +0200
Message-ID: <51A94DBE.60402@gmail.com>
To: W3C Style <www-style@w3.org>
hello,

tooltips, flyouts, dropdowns are very common use cases for positioned 
elements
but these are not actually possible when they are displayed inside a 
small overflow:hidden element

http://i.imgur.com/Iv22uqz.png

<div style="overflow:hidden;background:menu"> <!-- tabbox scroll helpers -->
<a style="position:relative;">
     File
     <ul style="background:menu;position:absolute;top:100%;left:0;">
         <li>Save</li><li>Save All</li><li>Close</li><li>This will not 
be visible</li>
     </ul>
</a>
</div>

it would be a good idea to have a way to extract these elements from 
within the "overflow viewport"

(using for example ul{overflow-extract:1;} where 1 represents is the 
first closest "overflow:hidden|scroll element" in the ancestors tree)

do we need this instead of simply positioning the element outside the 
overflow's viewport? here are some PROs:

- proper/natural event tree propagation/event retargeting
- proper/natural tree styling

Giorgio
Received on Saturday, 1 June 2013 01:27:17 UTC

This archive was generated by hypermail 2.3.1 : Monday, 2 May 2016 14:39:12 UTC