Skip to content

Wrong implicit details relationship with anchor positioning #12311

Closed
@jpzwarte

Description

@jpzwarte
<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

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

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions