diff --git a/.changeset/polite-kings-rhyme.md b/.changeset/polite-kings-rhyme.md new file mode 100644 index 00000000000..24f914d214d --- /dev/null +++ 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 index 0819c335c56..c9e7f1005d3 100644 --- a/src/TreeView/TreeView.tsx +++ b/src/TreeView/TreeView.tsx @@ -397,11 +397,15 @@ const Item = React.forwardRef( } 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)