Re: [csswg-drafts] [css-overflow] Selective overflow: hidden (#3417)

@frivoal Thank you so much for that summary. This issue has long been on my mind since working on Tether many years ago.

I’m quite excited about CSSAnchoredPositioning as described in that doc. Based on quick reading, it seems to me that a faux-outline could potentially be implemented using a popup as a mimic:

```html
<button id="myButton" popup="myPopup">Anchor</button>
<popup id="myButtonOutline" anchor="myButton"></popup>
<style>
    #myButtonOutline {
        outline: inherit;
        position: fixed;
        position-set: buttonOutlinePos;
        width: calc(anchor(right) - anchor(left));
        height: calc(anchor(bottom) - anchor(top));
    }

    @position-set buttonOutlinePos {
        1 {
            top: anchor(top);
            left: anchor(left);
        }
    }
</style>
```

A non-semantic use of “popup” by today’s common understanding of the word within UI design, but perhaps reasonable taken literally as the outline is popping up and out of the otherwise trapped overflow context.

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


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

Received on Thursday, 5 August 2021 17:15:05 UTC