diff --git a/packages/grafana-ui/src/components/Tooltip/Tooltip.tsx b/packages/grafana-ui/src/components/Tooltip/Tooltip.tsx index bd2d02fc348..530d2cf9bdb 100644 --- a/packages/grafana-ui/src/components/Tooltip/Tooltip.tsx +++ b/packages/grafana-ui/src/components/Tooltip/Tooltip.tsx @@ -10,6 +10,7 @@ import { useFocus, useHover, useInteractions, + safePolygon, } from '@floating-ui/react'; import { forwardRef, cloneElement, isValidElement, useCallback, useId, useRef, useState } from 'react'; @@ -67,9 +68,7 @@ export const Tooltip = forwardRef( const tooltipId = useId(); const hover = useHover(context, { - delay: { - close: interactive ? 100 : 0, - }, + handleClose: interactive ? safePolygon() : undefined, move: false, }); const focus = useFocus(context);