diff --git a/services/web/frontend/js/features/ui/components/bootstrap-5/tooltip.tsx b/services/web/frontend/js/features/ui/components/bootstrap-5/tooltip.tsx index 39a45e96e0..ac7dcb3858 100644 --- a/services/web/frontend/js/features/ui/components/bootstrap-5/tooltip.tsx +++ b/services/web/frontend/js/features/ui/components/bootstrap-5/tooltip.tsx @@ -13,6 +13,10 @@ import { } from 'react-bootstrap' import { callFnsInSequence } from '@/utils/functions' +const DEFAULT_DELAY_SHOW = 300 +// Slightly lower value avoids flickering when an adjacent tooltip is shown before the previous one hides +const DEFAULT_DELAY_HIDE = 290 + type OverlayProps = Omit const UpdatingTooltip = forwardRef( @@ -72,11 +76,11 @@ function Tooltip({ } const delay = overlayProps?.delay - let delayShow = 300 - let delayHide = 300 + let delayShow = DEFAULT_DELAY_SHOW + let delayHide = DEFAULT_DELAY_HIDE if (delay) { delayShow = typeof delay === 'number' ? delay : delay.show - delayHide = typeof delay === 'number' ? delay : delay.hide + delayHide = typeof delay === 'number' ? Math.max(delay - 10, 0) : delay.hide } return (