TreeView: Ignore cmd/alt+arrow key events (#3413)

* Ignore cmd/alt+arrow key events * Create polite-kings-rhyme.md
primer · Jun 16, 2023 · 4dc719c · 4dc719c
1 parent fa4bd36
commit 4dc719c
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/.changeset/polite-kings-rhyme.md b/.changeset/polite-kings-rhyme.md
@@ -0,0 +1,5 @@
+---
+"@primer/react": patch
+---
+
+TreeView: Ignore arrow key events when combined with cmd or alt keys to avoid interfering with native browser shortcuts.
diff --git a/src/TreeView/TreeView.tsx b/src/TreeView/TreeView.tsx
@@ -397,11 +397,15 @@ const Item = React.forwardRef<HTMLElement, TreeViewItemProps>(
             }
             break
           case 'ArrowRight':
+            // Ignore if modifier keys are pressed
+            if (event.altKey || event.metaKey) return
             event.preventDefault()
             event.stopPropagation()
             setIsExpandedWithCache(true)
             break
           case 'ArrowLeft':
+            // Ignore if modifier keys are pressed
+            if (event.altKey || event.metaKey) return
             event.preventDefault()
             event.stopPropagation()
             setIsExpandedWithCache(false)