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

This issue led me to create a pair of [custom elements](https://github.com/besworks/pop-out) that can overcome this limitaion. Here's how it works:

When `PopOutElement` receives focus from the pointer, it's contents will be plucked from the static context, positioned `fixed` to the viewport and scaled up while a placeholder element is swapped in to prevent the layout from collapsing behind it. `OverScrollElement` allows `scroll` and `touchmove` events to pass through the `[active]` child element and gracefully reverse the scale effect.

This exact behavior may not be what everyone in this thread is looking for but the techniques used to achieve it may be helpful to someone with the time to dissect what I've done.

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


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Tuesday, 12 April 2022 16:59:20 UTC