fix: add tabIndex to VariantItem for improved accessibility

jpg619 · jpg619 · commit d06a57d5f87b · 2025-10-01T13:22:53.000-04:00
diff --git a/src/components/variant-select.js b/src/components/variant-select.js
@@ -16,7 +16,7 @@ const StyledOverlay = styled(ActionMenu.Overlay)`
 
 const VariantItem = ({title, shortName, url, active}) => {
   return (
-    <ActionList.Item state={{scrollUpdate: false}} id={shortName} active={active}>
+    <ActionList.Item state={{scrollUpdate: false}} id={shortName} active={active} tabIndex={undefined}>
       <LinkNoUnderline to={url}>{title}</LinkNoUnderline>
     </ActionList.Item>
   )

Original file line number	Diff line number	Diff line change
@@ -16,7 +16,7 @@ const StyledOverlay = styled(ActionMenu.Overlay)`
`16`	`16`
`17`	`17`	`const VariantItem = ({title, shortName, url, active}) => {`
`18`	`18`	`return (`
`19`		`- <ActionList.Item state={{scrollUpdate: false}} id={shortName} active={active}>`
	`19`	`+ <ActionList.Item state={{scrollUpdate: false}} id={shortName} active={active} tabIndex={undefined}>`
`20`	`20`	`<LinkNoUnderline to={url}>{title}</LinkNoUnderline>`
`21`	`21`	`</ActionList.Item>`
`22`	`22`	`)`