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

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

From: Tab Atkins Jr. <jackalmage@gmail.com>
Date: Sat, 1 Jun 2013 23:24:57 -0700
Message-ID: <CAAWBYDCQH7gKLd=w+W5iFumdQ2HZvHKg3j8k7uNpU62K3_aggA@mail.gmail.com>
To: Netmosfera <netmosfera@gmail.com>
Cc: W3C Style <www-style@w3.org>
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
Received on Sunday, 2 June 2013 06:26:44 UTC

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