extract elements from within the "overflow viewport" ?

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