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

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

From: Adam Schwartz via GitHub <sysbot+gh@w3.org>
Date: Thu, 05 Aug 2021 17:15:03 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-893630292-1628183702-sysbot+gh@w3.org>
@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:

<button id="myButton" popup="myPopup">Anchor</button>
<popup id="myButtonOutline" anchor="myButton"></popup>
    #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);

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

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