diff --git a/desktop/flipper-plugin/src/ui/data-inspector/DataInspectorNode.tsx b/desktop/flipper-plugin/src/ui/data-inspector/DataInspectorNode.tsx index 3d2a14518..522aac91a 100644 --- a/desktop/flipper-plugin/src/ui/data-inspector/DataInspectorNode.tsx +++ b/desktop/flipper-plugin/src/ui/data-inspector/DataInspectorNode.tsx @@ -18,6 +18,7 @@ import { createContext, useContext, ReactElement, + SyntheticEvent, } from 'react'; import styled from '@emotion/styled'; import DataPreview, {DataValueExtractor, InspectorName} from './DataPreview'; @@ -621,6 +622,7 @@ export const DataInspectorNode: React.FC = memo( return ( @@ -716,3 +718,8 @@ function isValueExpandable(data: any) { typeof data === 'object' && data !== null && Object.keys(data).length > 0 ); } + +function stopPropagation(e: SyntheticEvent) { + //without this the parent element will receive the context menu event and multiple context menus overlap + e.stopPropagation(); +}