prevent flash on row click

JarrodMFlesch · JarrodMFlesch · commit 21b3d4e7051a · 2025-10-27T20:39:03.000-04:00
diff --git a/packages/ui/src/elements/TreeView/NestedSectionsTable/Row/index.tsx b/packages/ui/src/elements/TreeView/NestedSectionsTable/Row/index.tsx
@@ -146,6 +146,11 @@ export const NestedSectionsTableRow: React.FC<DivTableRowProps> = ({
               }
             : undefined
         }
+        onMouseDown={(e) => {
+          // Prevent focus on mouse click to avoid the flash of focused state
+          // Focus should only be triggered via keyboard navigation
+          e.preventDefault()
+        }}
         ref={rowRef}
         role="button"
         tabIndex={hasSelectedAncestor ? -1 : 0}

Original file line number	Diff line number	Diff line change
`@@ -146,6 +146,11 @@ export const NestedSectionsTableRow: React.FC<DivTableRowProps> = ({`
`146`	`146`	`}`
`147`	`147`	`: undefined`
`148`	`148`	`}`
	`149`	`+ onMouseDown={(e) => {`
	`150`	`+ // Prevent focus on mouse click to avoid the flash of focused state`
	`151`	`+ // Focus should only be triggered via keyboard navigation`
	`152`	`+ e.preventDefault()`
	`153`	`+ }}`
`149`	`154`	`ref={rowRef}`
`150`	`155`	`role="button"`
`151`	`156`	`tabIndex={hasSelectedAncestor ? -1 : 0}`