[ENG-1791] Fix right-click sometimes opening native context menu (#2637)

resolve native context menu opening bug
spacedriveapp · Jul 26, 2024 · dd3e647 · dd3e647
1 parent ffa089b
commit dd3e647
Showing 1 changed file with 12 additions and 1 deletion.
diff --git a/interface/app/$libraryId/Explorer/View/ViewItem.tsx b/interface/app/$libraryId/Explorer/View/ViewItem.tsx
@@ -1,4 +1,4 @@
-import { useCallback, type HTMLAttributes, type PropsWithChildren } from 'react';
+import { useCallback, useEffect, type HTMLAttributes, type PropsWithChildren } from 'react';
 import {
 	createSearchParams,
 	useNavigate,
@@ -215,6 +215,17 @@ export const ViewItem = ({ data, children, ...props }: ViewItemProps) => {
 
 	const { doubleClick } = useViewItemDoubleClick();
 
+	useEffect(() => {
+		const handleContextMenu = (e: MouseEvent) => {
+			e.preventDefault();
+		};
+
+		document.addEventListener('contextmenu', handleContextMenu);
+		return () => {
+			document.removeEventListener('contextmenu', handleContextMenu);
+		};
+	}, []);
+
 	return (
 		<ContextMenu.Root
 			trigger={