[list] Safari keyboard navigation issues

[mpayson]

Check existing issues

• I have checked for existing issues to avoid duplicates

Actual Behavior

It looks like there are two issues / differences when keyboard navigating lists with Safari vs Chrome & Firefox

1. The "X" button can't be reached when the item is closable
2. The slotted actions can't be reached using Tab, only with arrows

Expected Behavior

Keyboard navigation is the same as Chrome & Firefox, lists can be closed using the keyboard

Reproduction Sample

https://developers.arcgis.com/calcite-design-system/components/list/

Reproduction Steps

1. Open "List with closable items" demo in Safari
2. Try navigating to the "X" with keyboard, see it can't be focused using tab or arrow keys
3. Try navigating to the action with Tab, see it can't be focused (like in Firefox / Chrome)

Reproduction Version

3.0.0

Relevant Info

Safari Version 18.2 (20620.1.16.11.8)

Regression?

No response

Priority impact

impact - p3 - not time sensitive

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

ArcGIS Data Pipelines

[mpayson]

Ignore - this is how Safari works with its default settings