Navigating with the keyboard between radio-button-groups whose radio-button's set their own name attribute directly is not prevented

[eriklharper]

Check existing issues

• I have checked for existing issues to avoid duplicates

Actual Behavior

When rendering more than 1 calcite-radio-button-group on a page where each individual calcite-radio-button is setting their own name attribute to the same value within a group (as opposed to setting name on calcite-radio-button-group instead), using the arrow keys on the keyboard will move between separate groups, treating them like they're all part of the same group when they're not.

Expected Behavior

Regardless if name is set at the parent level or on each individual radio-button, navigating the options with the keyboard should be constrained to just the options in the group.

Reproduction Sample

https://codepen.io/eriklharper/pen/OJKKQbX?editors=1000

Reproduction Steps

See the codepen for instructions.

Reproduction Version

2

Relevant Info

No response

Regression?

No response

Priority impact

impact - p2 - want for an upcoming milestone

Impact

No response

Calcite package

• @esri/calcite-components
• @esri/calcite-components-react
• @esri/calcite-design-tokens
• @esri/calcite-ui-icons
• @esri/eslint-plugin-calcite-components

Esri team

Calcite (dev)