← Back to release summary

Focusgroup

Category
DOM
Type
New or changed feature
Status
In developer trial (Behind a flag) (Chrome 150)
Intent stage
Dev trials

Summary

Gives authors the ability to declaratively give composite widgets arrow key navigation, a guaranteed tab stop, and last-focused memory, replacing hand-coded roving tabindex scripts. Example: <div focusgroup="toolbar wrap" aria-label="Formatting"> <button>Bold</button> <button>Italic</button> <button>Underline</button> </div>

Motivation

By providing this primitive built-in the browser, authors will be able to provide this functionality without relying on custom solutions that often lead to a lack of consistency, accessibility and interoperability.

Standards & signals

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

View on chromestatus.com