Re: extract elements from within the "overflow viewport" ?

On Fri, May 31, 2013 at 6:26 PM, Netmosfera <netmosfera@gmail.com> wrote:
> 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>

Why are you using overflow:hidden here?  Are you floating the <a>s to
make a horizontal bar, and need the <div> to contain them?  Better to
switch to Flexbox, which makes horizontal bars easy without these
kinds of hacks.

~TJ