- From: David Choi via GitHub <sysbot+gh@w3.org>
- Date: Mon, 10 Jun 2024 21:54:48 +0000
- To: public-css-archive@w3.org
RWDavid has just created a new issue for https://github.com/w3c/csswg-drafts:
== [css-anchor-position] Absolutely positioned element does not find fixed anchor ==
I am currently creating small test cases to solidify my understanding of the anchor positioning spec.
Here is [one such test case](https://codepen.io/David-Choi-the-reactor/pen/WNBomzM) that utilizes a `position: fixed` anchor and a `position: absolute` anchored element.
```html
<style>
.anchor {
anchor-name: --anchor-el;
position: fixed;
background: blue;
width: 150px;
height: 150px;
border: 2px solid white;
}
.anchee {
position: absolute;
position-anchor: --anchor-el;
inset-area: end;
width: 100px;
height: 100px;
background: red;
border: 2px solid white;
}
</style>
<div style="position: relative;">
<div class="anchor"></div>
<div class="anchee"></div>
</div>
```
It seems like the anchor is an [acceptable anchor element](https://drafts.csswg.org/css-anchor-position-1/#acceptable-anchor-element), but the anchored element does not seem to accept that element as an anchor (at least on Chrome Canary version 127.0.6532.0).
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/10419 using your GitHub account
--
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Monday, 10 June 2024 21:54:50 UTC