Intent to Prototype: <rangegroup> element
276 views
Skip to first unread message
Ana Sollano Kim
Sep 18, 2026, 6:03:27 PMSep 18
to blink-dev, Leo Lee, Greg Whitworth
Contact emails
Explainer
Specification
No information provided
Summary
The <rangegroup> element groups zero or more range inputs into a single shared-track control. It preserves
each input’s label, value, keyboard behavior, form participation, and accessibility semantics while coordinating their thumbs and constraints on one track. This lets developers create accessible multi-thumb ranges with declarative HTML instead of recreating
native slider behavior in JavaScript. This feature includes the <rangegroup> element as a linear shared-track control composed of descendant <input type="range"> elements, with legend and label semantics, native focus and keyboard behavior, forms and accessibility
integration, shared bounds, and ticks provided by a <datalist> descendant. It excludes convenience JavaScript APIs, segment dragging, pseudo-elements, and other advanced interactions.
Blink component
Web Feature ID
Missing feature
Motivation
HTML does not provide a declarative way to combine multiple range inputs into one shared-track control.
Developers currently build multi-thumb ranges with custom JavaScript, pointer handling, keyboard interaction, form integration, and accessibility. The <rangegroup> element coordinates real descendant range inputs while preserving their native labels, values,
focus, events, form participation, and accessibility semantics, reducing the amount of custom infrastructure web developers must implement and maintain.
Initial public proposal
Requires code in //chrome?
False
Tracking bug
Estimated milestones
No milestones specified
Link to entry on the Chrome Platform Status
This intent message was generated by Chrome
Platform Status.
Reply all
Reply to author
Forward
0 new messages