Bug 251728 – Focus moves to items in a closed details element with tabindex=0

• Status: RESOLVED
• Resolution: CONFIGURATION CHANGED
• Component: Accessibility

[James Nurthen]

When tabbing on the keyboard focus moves to elements within a closed details element which have tabindex=0

See https://codepen.io/jnurthen/pen/QWBYQwN
Tab through the page

Observed: Focus disappears after the "Div with tabindex" summary for one tab stop before re-appearing on the "after" button
Expected: All focusable elements within a closed details element should be skipped by tab navigation.

[Radar WebKit Bug Importer]

<rdar://problem/105026467>

[James Nurthen]

Note: Press Tab to highlight each item on a webpage is checked.
You can see this issue in Adobe Documentation - example https://react-spectrum.adobe.com/react-spectrum/Button.html#props Under the Events or Layout expand/collapse region. (Note: this page has no visible focus indicator on safari for links right now which makes it slightly hard to operate.)

[Ahmad Saleem]

I think this will be fixed by bug 253680.

I tested this codepen (on local build with patch from above bug) and after tabbing, it goes to 'zoom' button on codepen rather than stuck somewhere to be not see.

[sideshowbarker]

Ahmad, should we mark this issue as resolved?

[Curtis Wilcox]

The above Codepen's contents have changed. The problem can't be reproduced with it as-is because the div with `tabindex="0"` is within another div with `hidden`.

bug 260523 documents the problem as being much broader than just elements with `tabindex`, it seems to affect all focusable elements except anchor links.

I can still reproduce the problem in Technology Preview 179.

https://cdpn.io/pen/debug/PoXqPYJ

[Karl Dubost]

With STP 190, going to https://codepen.io/jnurthen/pen/QWBYQwN
This seems to have been fixed.

[Curtis Wilcox]

It seems fixed in Safari 17.4.