fix: remove tabindex from VariantItem after component renders

Author: jpg619

src/components/variant-select.js

@@ -15,8 +15,21 @@ const StyledOverlay = styled(ActionMenu.Overlay)`
 `
 
 const VariantItem = ({title, shortName, url, active}) => {
+  const itemRef = React.useRef(null)
+
+  React.useEffect(() => {
+    // Remove tabindex after the component renders
+    if (itemRef.current) {
+      const actionListItem = itemRef.current.closest('[role="listitem"]') || itemRef.current
+      if (actionListItem) {
+        actionListItem.removeAttribute('tabindex')
+        actionListItem.removeAttribute('tabIndex')
+      }
+    }
+  }, [])
+
   return (
-    <ActionList.Item state={{scrollUpdate: false}} id={shortName} active={active}>
+    <ActionList.Item ref={itemRef} state={{scrollUpdate: false}} id={shortName} active={active}>
       <LinkNoUnderline to={url}>{title}</LinkNoUnderline>
     </ActionList.Item>
   )