Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

html.global_attributes.popover - Accessibility Issue #25545

Closed
TrentHawke opened this issue Dec 31, 2024 · 3 comments
Closed

html.global_attributes.popover - Accessibility Issue #25545

TrentHawke opened this issue Dec 31, 2024 · 3 comments
Labels
data:html Compat data for HTML elements. https://developer.mozilla.org/docs/Web/HTML invalid Invalid issues or pull requests (wrong repo, spam, duplicates, etc.). This won't get merged. Sorry!

Comments

@TrentHawke
Copy link

What type of issue is this?

Browser bug (a bug with a feature that may impact site compatibility)

What information was incorrect, unhelpful, or incomplete?

There seems to be an Accessibility Issue with the HTML Popover API. This might just be a new Bug but if an HTML Popover contains an input of type date then it causes unexpected focus changes when navigating through other elements with the Tab Key.

What browsers does this problem apply to, if applicable?

Chromium (Chrome, Edge 79+, Opera, Samsung Internet), Firefox, Safari

What did you expect to see?

I was expecting to see some kind of indication that it is a known issue

Did you test this? If so, how?

I did test this using the following HTML Markup

<div>
<button popovertarget="examplePopover">Open Popover</button>
</div>
<div id="examplePopover" popover>
<div>
<input type="date" />
</div>
<div>
<input type="text" />
</div>
</div>

Then clicking on the "Open Popover" button, once the Popover opens, pressing the Tab Key will move the focus to the input date correctly but then pressing the Tab Key again will not move the focus to the next segment of the input date. The input date seems to effect other subsequent focusable elements as well, being unable to tab past the input date and onto other elements in the Popover.

Can you link to any release notes, bugs, pull requests, or MDN pages related to this?

No response

Do you have anything more you want to share?

No response

MDN URL

https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/popover

MDN metadata

MDN page report details
  • Query: html.global_attributes.popover
  • Report started: 2024-12-31T10:18:18.611Z
Copy link

This issue was automatically closed because the title was left as the default, and a summary was not added.

If this is not a spam issue, please replace the <SUMMARIZE THE PROBLEM> part of the title with a short summary of the reported issue, and then post a follow-up comment. A maintainer will review your issue and reopen it if needed.

@github-actions github-actions bot added data:html Compat data for HTML elements. https://developer.mozilla.org/docs/Web/HTML invalid Invalid issues or pull requests (wrong repo, spam, duplicates, etc.). This won't get merged. Sorry! labels Dec 31, 2024
@github-actions github-actions bot closed this as not planned Won't fix, can't repro, duplicate, stale Dec 31, 2024
@TrentHawke TrentHawke changed the title html.global_attributes.popover - <SUMMARIZE THE PROBLEM> html.global_attributes.popover - Accessibility Issue Dec 31, 2024
@TrentHawke
Copy link
Author

Sorry, I missed the title

@queengooborg
Copy link
Contributor

If this is something that affects all browsers, then I think it would be better to report this in the content repository to have a note added there.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
data:html Compat data for HTML elements. https://developer.mozilla.org/docs/Web/HTML invalid Invalid issues or pull requests (wrong repo, spam, duplicates, etc.). This won't get merged. Sorry!
Projects
None yet
Development

No branches or pull requests

2 participants