Re: [csswg-drafts] [css-anchor-position-1] Alternative syntax for auto position fallback (#9196) from 一丝 via GitHub on 2024-02-01 (public-css-archive@w3.org from February 2024)

From: 一丝 via GitHub <sysbot+gh@w3.org>
Date: Thu, 01 Feb 2024 16:33:51 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-1921730384-1706805228-sysbot+gh@w3.org>

Can the new syntax do this easily?

![image](https://github.com/w3c/csswg-drafts/assets/2784308/9d8bc133-9534-4e1b-82d7-15c360312f4f)
![image](https://github.com/w3c/csswg-drafts/assets/2784308/cce5b115-f25a-4bd0-a133-7ab24b08fe60)

Currently, we can used:

```css
.horizontal .tooltip {
  left: anchor(50%);
  top: auto;
  bottom: calc(anchor(top) + 3px);
  justify-self: anchor-center;
}

.vertical .tooltip {
    inset: auto;
    left: calc(anchor(right) + 3px);
    top: calc(anchor(50%));
    align-self: anchor-center;
    justify-self: auto;
}
```

With the current syntax, align-self and justify-self need to be interchanged.



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


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

Received on Thursday, 1 February 2024 16:33:53 UTC