HTML `focusgroup`

[mkrause]

Description

Explainer: https://open-ui.org/components/scoped-focusgroup.explainer/

focusgroup is a proposed HTML attribute that replaces the hand-rolled "roving tabindex" logic every UI library reimplements for toolbars, tabs, menus, listboxes, and radiogroups. Adding something like focusgroup="toolbar wrap" to a container gives its children directional (e.g. arrow key) navigation between items, a single guaranteed tab stop, and memory of the last-focused item, without JavaScript (selection state remains the author's responsibility).

Support for focusgroup landed in Chrome 150.

Specification

whatwg/html#11723

web-feature

focusgroup

Test Links

• https://github.com/web-platform-tests/wpt/tree/master/html/interaction/focus/focusgroup

Additional Signals

• Focusgroup mozilla/standards-positions#1348
• focusgroup attribute WebKit/standards-positions#171
• focusgroup web-platform-dx/developer-signals#546

[github-actions]

This comment was automatically generated based on the information you provided. Please don't edit it.

Below is additional information about the web feature (from the web-features project) which is referenced in your proposal.
If this doesn't accurately correspond to your proposal, please update your initial comment to include web-features: <feature-id>.
To find feature IDs, use the web-features explorer.

Feature focusgroup

• ID: focusgroup
• Name: focusgroup
• Description: The focusgroup global HTML attribute combines descendant elements into a single tab stop, with arrow-key navigation between them, for toolbars, tabs, menus, radio groups, and other composite controls. It's an alternative to the sequential navigation of tabindex.
• Baseline status: Limited Availability
• Developer signals: 12 votes (details)
• More information: See the web-features explorer