diff --git a/frontend/src/periscope/components/ContextMenu/styles.scss b/frontend/src/periscope/components/ContextMenu/styles.scss index 48ed2fa87674..203145972315 100644 --- a/frontend/src/periscope/components/ContextMenu/styles.scss +++ b/frontend/src/periscope/components/ContextMenu/styles.scss @@ -78,6 +78,10 @@ max-width: 180px !important; } +.context-menu.ant-popover { + z-index: 10000 !important; +} + // Dark mode support .darkMode { .context-menu-item { diff --git a/frontend/src/periscope/components/ContextMenu/useCoordinates.tsx b/frontend/src/periscope/components/ContextMenu/useCoordinates.tsx index 27af34438035..d28429e650e0 100644 --- a/frontend/src/periscope/components/ContextMenu/useCoordinates.tsx +++ b/frontend/src/periscope/components/ContextMenu/useCoordinates.tsx @@ -1,19 +1,19 @@ import { useCallback, useState } from 'react'; -import { ClickedData, Coordinates, PopoverPosition } from './types'; +import { Coordinates, PopoverPosition } from './types'; // Custom hook for managing coordinates export const useCoordinates = (): { coordinates: Coordinates | null; - clickedData: ClickedData | null; + clickedData: any; popoverPosition: PopoverPosition | null; - onClick: (coordinates: { x: number; y: number }, data?: ClickedData) => void; + onClick: (coordinates: { x: number; y: number }, data?: any) => void; onClose: () => void; subMenu: string; // todo: create enum setSubMenu: (subMenu: string) => void; } => { const [coordinates, setCoordinates] = useState(null); - const [clickedData, setClickedData] = useState(null); + const [clickedData, setClickedData] = useState(null); const [subMenu, setSubMenu] = useState(''); const [popoverPosition, setPopoverPosition] = useState( null, @@ -61,7 +61,7 @@ export const useCoordinates = (): { ); const onClick = useCallback( - (coords: { x: number; y: number }, data?: ClickedData): void => { + (coords: { x: number; y: number }, data?: any): void => { const coordinates: Coordinates = { x: coords.x, y: coords.y }; const position = calculatePosition(coordinates.x, coordinates.y); if (data) {