fix(PageLayout): update onMouseDown to check which button is pressed (#…

…4022) * fix(PageLayout): update onMouseDown to check which button is pressed * chore: add changeset --------- Co-authored-by: Josh Black <joshblack@users.noreply.github.com>
primer · Dec 5, 2023 · 98ad320 · 98ad320
1 parent 3f82a1c
commit 98ad320
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/.changeset/warm-sloths-tickle.md b/.changeset/warm-sloths-tickle.md
@@ -0,0 +1,5 @@
+---
+'@primer/react': patch
+---
+
+Update the resize behavior of PageLayout to ignore right clicks when resizing
diff --git a/src/PageLayout/PageLayout.tsx b/src/PageLayout/PageLayout.tsx
@@ -352,9 +352,11 @@ const VerticalDivider: React.FC<React.PropsWithChildren<DividerProps & Draggable
             aria-valuenow={currentWidth}
             aria-valuetext={`Pane width ${currentWidth} pixels`}
             tabIndex={0}
-            onMouseDown={() => {
-              setIsDragging(true)
-              onDragStart?.()
+            onMouseDown={event => {
+              if (event.button === 0) {
+                setIsDragging(true)
+                onDragStart?.()
+              }
             }}
             onKeyDown={event => {
               if (