From c1801f892946822cab38754bbfa4d34b32e75b15 Mon Sep 17 00:00:00 2001 From: Matthew Yung <117509016+myung03@users.noreply.github.com> Date: Fri, 26 Jul 2024 05:20:12 -0700 Subject: [PATCH] [ENG-1791] Fix right-click sometimes opening native context menu (#2637) resolve native context menu opening bug --- interface/app/$libraryId/Explorer/View/ViewItem.tsx | 13 ++++++++++++- 1 file changed, 12 insertions(+), 1 deletion(-) diff --git a/interface/app/$libraryId/Explorer/View/ViewItem.tsx b/interface/app/$libraryId/Explorer/View/ViewItem.tsx index d1ba7156c..2537b854f 100644 --- 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 (