W3C home > Mailing lists > Public > public-css-archive@w3.org > July 2021

Re: [csswg-drafts] Make child visible outside of `overflow: hidden` (#4092)

From: Matt Gross via GitHub <sysbot+gh@w3.org>
Date: Fri, 30 Jul 2021 16:56:21 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-890026030-1627664179-sysbot+gh@w3.org>
I've run into a number of situations where the typical solution doesn't work, because the `overflow: hidden` container is much further up in the DOM than the element that's `position: absolute`.

Example: The table below has `overflow: auto` set on it because we want users to be able to scroll left/right on small screens, but it also has tooltips in each row, which are set to `position: absolute`. The trigger element for each tooltip is set to `position: relative` for positioning, which means we can't just move the `position: relative` up to some higher element in the DOM.

![CleanShot 2021-07-30 at 09 46 52](https://user-images.githubusercontent.com/5007574/127686191-4a93c413-b612-44d7-a4cb-9d9d686dc0bb.gif)

It would be amazing to have a css-only solution for this kind of layout.

-- 
GitHub Notification of comment by GrossDesignCo
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/4092#issuecomment-890026030 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Friday, 30 July 2021 16:56:24 UTC

This archive was generated by hypermail 2.4.0 : Tuesday, 5 July 2022 06:42:40 UTC