[csswg-drafts] Wrong implicit details relationship with anchor positioning (#12311)

jpzwarte has just created a new issue for https://github.com/w3c/csswg-drafts:

== Wrong implicit details relationship with anchor positioning ==
```html
<button popovertarget="popover">Click me</button>
<div id="popover" popover>
  <div class="tether"></div>
  <p>I'm a popover, with a thether.</p>
</div>
```

Where `.tether` is anchor positioned to the button (https://codepen.io/jpzwarte/pen/MYwEaVm).

The issue is that in the accessibility panel of the Chrome devtools, `.tether` is shown as the "details" relationship of the button.

![Image](https://github.com/user-attachments/assets/e5396abd-3162-4cca-ac2c-0f661f2cbb05)

This seems wrong. If there is a `details` property, then i would expect it to point to the popover, not the tether.

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/12311 using your GitHub account


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

Received on Tuesday, 10 June 2025 11:40:34 UTC