diff --git a/CHANGELOG.md b/CHANGELOG.md index a8eb3a27a62..36964cae541 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -4,7 +4,8 @@ **Bug fixes** -- Expose `EuiErrorBoundary` error message not showing in non-Chromium browsers ([#4324](https://github.com/elastic/eui/pull/4324)) +- Fixed `EuiErrorBoundary` error message not showing in non-Chromium browsers ([#4324](https://github.com/elastic/eui/pull/4324)) +- Fixed `EuiToolTip` closing during initial positioning period ([#4327](https://github.com/elastic/eui/pull/4327)) **Theme: Amsterdam** diff --git a/src/components/tool_tip/tool_tip.tsx b/src/components/tool_tip/tool_tip.tsx index 5762c77a856..9ae4eec93f4 100644 --- a/src/components/tool_tip/tool_tip.tsx +++ b/src/components/tool_tip/tool_tip.tsx @@ -59,6 +59,7 @@ interface ToolTipStyles { left: number | 'auto'; right?: number | 'auto'; opacity?: number; + visibility?: 'hidden'; } const displayToClassNameMap = { @@ -75,6 +76,8 @@ const DEFAULT_TOOLTIP_STYLES: ToolTipStyles = { // just in case, avoid any potential flicker by hiding // the tooltip before it is positioned opacity: 0, + // prevent accidental mouse interaction while positioning + visibility: 'hidden', }; export interface Props {