You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
TrentHawke opened this issue
Dec 31, 2024
· 3 comments
Labels
data:htmlCompat data for HTML elements. https://developer.mozilla.org/docs/Web/HTMLinvalidInvalid issues or pull requests (wrong repo, spam, duplicates, etc.). This won't get merged. Sorry!
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?
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?
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-actionsbot
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
TrentHawke
changed the title
html.global_attributes.popover - <SUMMARIZE THE PROBLEM>
html.global_attributes.popover - Accessibility Issue
Dec 31, 2024
data:htmlCompat data for HTML elements. https://developer.mozilla.org/docs/Web/HTMLinvalidInvalid issues or pull requests (wrong repo, spam, duplicates, etc.). This won't get merged. Sorry!
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
html.global_attributes.popover
The text was updated successfully, but these errors were encountered: