diff --git a/src/components/Tooltip/Tooltip.tsx b/src/components/Tooltip/Tooltip.tsx index 1471e930..19b18606 100644 --- a/src/components/Tooltip/Tooltip.tsx +++ b/src/components/Tooltip/Tooltip.tsx @@ -68,6 +68,7 @@ const Tooltip = ({ border, opacity, arrowColor, + enforceDelayShow = false, role = 'tooltip', }: ITooltip) => { const tooltipRef = useRef<HTMLElement>(null) @@ -259,7 +260,7 @@ const Tooltip = ({ const handleShowTooltipDelayed = (delay = delayShow) => { clearTimeoutRef(tooltipShowDelayTimerRef) - if (rendered) { + if (rendered && !enforceDelayShow) { // if the tooltip is already rendered, ignore delay handleShow(true) return diff --git a/src/components/Tooltip/TooltipTypes.d.ts b/src/components/Tooltip/TooltipTypes.d.ts index ee7fc42c..ddcd59fa 100644 --- a/src/components/Tooltip/TooltipTypes.d.ts +++ b/src/components/Tooltip/TooltipTypes.d.ts @@ -158,5 +158,6 @@ export interface ITooltip { border?: CSSProperties['border'] opacity?: CSSProperties['opacity'] arrowColor?: CSSProperties['backgroundColor'] + enforceDelayShow?: boolean role?: React.AriaRole }