[EuiToolTip] Remove delay and update animation by weronikaolejniczak · Pull Request #9626 · elastic/eui

weronikaolejniczak · 2026-04-30T13:07:22Z

Summary

What:
- removed delay prop from EuiToolTip
- updated EuiToolTip animation to work only on opacity
- removed waitForEuiToolTipVisible, waitForEuiToolTipHidden because tooltip is now synchronous
Why: Closes [EuiToolTip] Update animation and remove delay #9623 [EuiToolTip] [A11y] Tooltips aren't announced to screen reader #9283 [EuiToolTip] [A11y] Tooltip content not announced in Chrome when rendered inside EuiFlyout #9338
How:
- all delay-related logic was removed, including enqueueStateChange and setTimeout, now it's synchronous setVisible calls,
- 150ms animation-delay with fill-mode: both acts as the new "delay" to avoid jarring flickering when hovering over multiple triggers
- toolTipManager.registerTooltip now bails if the same callback is already registered, it was an existing bug hidden by the delay of mouseover bubbling from child elements
- tooltip toggling is moved out of render in EuiFilterSelectIemClass into componentDidMount/componentDidUpdate; tooltip didn't work after removing the delay

API Changes

component / parent	prop / child	change	description
`EuiToolTip`	`delay`	removed	Tooltip show timing is now controlled with `animation-delay`. It's consistent, not customizable. Migration: remove all `delay` usages
`EuiIconTip`	`delay`	removed	Same as above
Types	`ToolTipDelay`	removed	No longer needed
RTL helper	`waitForEuiToolTipVisible`	removed	Tooltip show/hide is now synchronous. Migration: assert directly
RTL helper	`waitForEuiToolTipHidden`	removed	Same as above

Screenshots

Before	After
Kapture.2026-04-30.at.15.48.00.mp4	Kapture.2026-04-30.at.15.53.53.mp4

VoiceOver + Chrome

Before	After
Kapture.2026-04-30.at.16.28.41.mp4	Kapture.2026-04-30.at.16.29.09.mp4

Impact Assessment

[EUI] Test tooltip focus and delay kibana#266413

Note: Most PRs should be tested in Kibana to help gauge their Impact before merging.

🔴 Breaking changes — What will break? How many usages in Kibana/Cloud UI are impacted?
💅 Visual changes — May impact style overrides; could require visual testing. Explain and estimate impact.
🧪 Test impact — May break functional or snapshot tests (e.g., HTML structure, class names, default values).
🔧 Hard to integrate — If changes require substantial updates to Kibana, please stage the changes and link them here.

Impact level: 🔴 High

Release Readiness

Documentation: EuiToolTip
Figma: EuiToolTip
Migration guide: (see notes)
- remove waitForEuiToolTipVisible and waitForEuiToolTipHidden in tests,
- remove delay in EuiToolTip and EuiIconTip usages.
Adoption plan (new features): {link to issue/doc or outline who will integrate this and where}

QA instructions for reviewer

Open the tooltip demo in Storybook.

Tooltip appears on hover after a brief (~150ms) delay
Quickly hovering over multiple tooltip triggers does not cause jarring flickering
Tooltip appears on keyboard Tab focus, does not appear on mouse-click focus
Tooltip disappears on blur/mouseout
Tooltip animation is opacity-only (no slide movement)
With prefers-reduced-motion: reduce, tooltip appears instantly (no animation, no delay)

Checklist before marking Ready for Review

Filled out all sections above
QA: Tested ~~light/dark modes, high contrast, mobile,~~ Chrome/Safari/Edge/Firefox, keyboard-only, screen reader
QA: Tested in ~~CodeSandbox and~~ Kibana
QA: Tested docs changes
Tests: Added/updated Jest, ~~Cypress, and VRT~~
Changelog: Added changelog entry
Breaking changes: Added breaking change label (if applicable)

Reviewer checklist

Approved Impact Assessment — Acceptable to merge given the consumer impact.
Approved Release Readiness — Docs, Figma, and migration info are sufficient to ship.

github-actions · 2026-04-30T13:22:48Z

This PR contains breaking changes. The opener of this pull request is asked to perform the following due diligence steps below, to assist EUI in our next Kibana upgrade:

If this PR contains prop/API changes:
- Search through Kibana for <EuiComponent usages (example search)
- In the PR description or in a PR comment, include a count or list with the number of component usages in Kibana that will need to be updated (if that amount is "none", include that information as well)
If this PR contains CSS changes:
- Search through Kibana for the changed EUI selectors, e.g. .euiComponent (example search)
- In the PR description or in a PR comment, include a count or list with the number of custom CSS overrides in Kibana that will need to be updated (if that amount is "none", include that information as well)
🔍 Tip: When searching through Kibana, consider excluding **/target, **/*.snap, **/*.storyshot files to reduce noise and only look at source code usages
⚠️ For extremely risky changes, the EUI team should potentially consider the following precautions:
- Using a pre-release release candidate to test Kibana CI ahead of time
- Using kibana-a-la-carte for manual QA, and to give other Kibana teams a staging server to quickly test against

Log | Bot Usage

weronikaolejniczak · 2026-04-30T13:33:32Z

Delay removal - Kibana impact

Tracks all Kibana usages affected by the removal of delay prop / ToolTipDelay type from EuiToolTip and EuiIconTip and the removal of the waitForEuiToolTipVisible / waitForEuiToolTipHidden RTL test helpers.

Migration: simply remove the delay prop (or the key from any object). No replacement needed. Remove ToolTipDelay type and waitForEuiToolTipVisible / waitForEuiToolTipHidden helpers usages.

Direct `delay` prop on `EuiToolTip` / `EuiIconTip`

File	Notes
`src/core/packages/chrome/app-menu/core-chrome-app-menu-components/src/components/app_menu_item.tsx`	`delay="long"`
`src/core/packages/chrome/app-menu/core-chrome-app-menu-components/src/components/app_menu_action_button.tsx`	`delay="long"`
`src/core/packages/chrome/app-menu/core-chrome-app-menu-components/src/components/app_menu_popover.tsx`	`delay="long"`
`src/platform/packages/private/kbn-esql-editor/src/editor_footer/keyboard_shortcuts.tsx`	`delay="long"`
`src/platform/packages/private/kbn-esql-editor/src/editor_footer/tooltip_wrapper.tsx`	wrapper forwards `delay` — see wrapper section
`src/platform/packages/private/kbn-random-sampling/src/ui/slider_control/index.tsx`	`delay="regular"`
`src/platform/packages/shared/kbn-coloring/src/shared_components/coloring/color_ranges/color_ranges_item_buttons.tsx`	`delay="regular"` (×2)
`src/platform/packages/shared/kbn-coloring/src/shared_components/coloring/color_ranges/color_ranges_extra_actions.tsx`	`delay="regular"` (×3)
`src/platform/packages/shared/kbn-coloring/src/shared_components/coloring/tooltip_wrapper.tsx`	wrapper forwards `delay` — see wrapper section
`src/platform/packages/shared/kbn-cps-utils/components/project_picker.tsx`	`delay="long"`
`src/platform/packages/shared/kbn-data-grid-in-table-search/src/in_table_search_control.tsx`	`delay="long"`
`src/platform/packages/shared/kbn-unified-data-table/src/components/custom_control_columns/additional_row_control/row_control_column.tsx`	`delay="long"`
`src/platform/packages/shared/kbn-unified-data-table/src/components/custom_control_columns/additional_row_control/row_menu_control_column.tsx`	`delay="long"`
`src/platform/packages/shared/kbn-unified-data-table/src/components/data_table_expand_button.tsx`	`delay="long"`
`src/platform/packages/shared/kbn-unified-doc-viewer/src/components/field_name/field_name.tsx`	`delay="long"` (×2)
`src/platform/packages/shared/kbn-unified-field-list/src/components/field_stats/field_top_values_bucket.tsx`	`delay="long"` (×2)
`src/platform/packages/shared/kbn-user-profile-components/src/user_avatar_tip.tsx`	passes `delay="regular"` to `UserToolTip` wrapper
`src/platform/packages/shared/kbn-visualization-ui-components/components/color_picker.tsx`	`delay="long"` (×2)
`src/platform/packages/shared/kbn-visualization-utils/src/tooltip_wrapper.tsx`	wrapper forwards `delay` — see wrapper section
`src/platform/packages/shared/shared-ux/toolbar_selector/src/toolbar_selector.tsx`	`delay="long"`
`src/platform/plugins/private/links/public/components/tooltip_wrapper.tsx`	wrapper forwards `delay` — see wrapper section
`src/platform/plugins/private/presentation_panel/public/panel_component/panel_header/use_presentation_panel_header_actions.tsx`	`delay="regular"`
`src/platform/plugins/private/presentation_panel/public/panel_component/panel_header/presentation_panel_hover_actions.tsx`	`delay="regular"` (×2)
`src/platform/plugins/private/presentation_panel/public/panel_component/panel_header/presentation_panel_title.tsx`	`delay="regular"`
`src/platform/plugins/private/vis_default_editor/public/components/options/switch.tsx`	`delay="long"`
`src/platform/plugins/private/vis_default_editor/public/components/controls/switch.tsx`	`delay="long"`
`src/platform/plugins/private/vis_default_editor/public/components/options/legend_size_settings.tsx`	`delay="regular"`
`src/platform/plugins/private/vis_types/gauge/public/editor/components/gauge/style_panel.tsx`	`delay="long"`
`src/platform/plugins/private/vis_types/heatmap/public/editor/components/heatmap.tsx`	`delay="long"`
`src/platform/plugins/private/vis_types/xy/public/editor/components/options/metrics_axes/label_options.tsx`	`delay="long"` (×2)
`src/platform/plugins/shared/controls/public/controls/data_controls/range_slider/components/range_slider_control.tsx`	`delay="long"`
`src/platform/plugins/shared/controls/public/controls/data_controls/options_list_control/components/options_list_control.tsx`	`delay="long"`
`src/platform/plugins/shared/dashboard_markdown/public/components/markdown_editor.tsx`	`tooltipProps={{ delay: 'regular', ... }}` — passed via `tooltipProps`
`src/platform/plugins/shared/discover/public/application/main/components/layout/save_discover_table_button.tsx`	`delay="long"`
`src/platform/plugins/shared/discover/public/components/discover_grid_flyout/discover_grid_flyout_actions.tsx`	`delay="long"`
`src/platform/plugins/shared/saved_objects_management/public/services/columns/share_saved_objects_to_space_column.tsx`	`delay="long"` on `EuiIconTip` (×2)
`src/platform/plugins/shared/unified_doc_viewer/public/components/doc_viewer_table/get_pin_control.tsx`	`delay="long"`
`src/platform/plugins/shared/unified_search/public/filters_builder/filter_item/tooltip.tsx`	wrapper forwards `delay` — see wrapper section
`src/platform/plugins/shared/unified_search/public/query_string_input/add_filter_popover.tsx`	`delay="long"`
`src/platform/plugins/shared/unified_search/public/query_string_input/query_bar_menu.tsx`	`delay="regular"`
`src/platform/plugins/shared/workflows_management/public/widgets/workflow_yaml_editor/ui/keyboard_shortcuts_popover.tsx`	`delay="long"`
`x-pack/platform/packages/private/kbn-random-sampling/src/ui/slider_control/index.tsx`	`delay="regular"`
`x-pack/platform/plugins/private/remote_clusters/public/application/sections/remote_cluster_list/remote_cluster_table/remote_cluster_table.tsx`	`delay="long"` (×2)
`x-pack/platform/plugins/private/watcher/public/application/sections/watch_list_page/watch_list_page.tsx`	`delay="long"` (×2)
`x-pack/platform/plugins/shared/agent_builder/public/application/components/agents/list/agents_list.tsx`	`delay="long"`
`x-pack/platform/plugins/shared/cases/public/components/all_cases/extended_fields_column_cell.tsx`	`delay="regular"`
`x-pack/platform/plugins/shared/fleet/public/components/cloud_connector/components/integration_count_badge.tsx`	`delay="long"`
`x-pack/platform/plugins/shared/index_management/public/application/components/mappings_editor/components/document_fields/field_parameters/relations_parameter.tsx`	`delay="long"`
`x-pack/platform/plugins/shared/lens/public/datasources/form_based/operations/definitions/formula/editor/formula_editor.tsx`	`delay="long"`
`x-pack/platform/plugins/shared/lens/public/datasources/form_based/operations/definitions/ranges/range_editor.tsx`	`delay="long"` (×2)
`x-pack/platform/plugins/shared/lens/public/visualizations/gauge/dimension_editor.tsx`	`delay="regular"`
`x-pack/platform/plugins/shared/lens/public/visualizations/xy/xy_config_panel/shared/marker_decoration_settings.tsx`	`delay="regular"`
`x-pack/platform/plugins/shared/maps/public/connected_components/right_side_controls/layer_control/layer_control.tsx`	`delay="long"` (×4)
`x-pack/platform/plugins/shared/spaces/public/legacy_urls/components/legacy_url_conflict_internal.tsx`	`delay="long"`
`x-pack/solutions/observability/plugins/apm/public/components/app/settings/agent_explorer/agent_list/index.tsx`	`delay="long"`
`x-pack/solutions/observability/plugins/apm/public/components/app/transaction_details/waterfall_with_summary/waterfall_container/waterfall/accordion_waterfall.tsx`	`delay="long"`
`x-pack/solutions/observability/plugins/apm/public/components/shared/trace_waterfall/toggle_accordion_button.tsx`	`delay="long"`
`x-pack/solutions/observability/plugins/apm/public/components/shared/truncate_with_tooltip/index.tsx`	`delay="long"`
`x-pack/solutions/observability/plugins/infra/public/components/asset_details/components/expandable_content.tsx`	`delay="long"`
`x-pack/solutions/observability/plugins/infra/public/components/lens/lens_chart.tsx`	`delay="regular"`
`x-pack/solutions/observability/plugins/infra/public/components/logging/log_analysis_setup/create_job_button.tsx`	passes `delay="regular"` to `MissingSetupPrivilegesToolTip` wrapper
`x-pack/solutions/observability/plugins/infra/public/pages/logs/log_entry_categories/sections/top_categories/analyze_dataset_in_ml_action.tsx`	`delay="long"`
`x-pack/solutions/observability/plugins/infra/public/pages/metrics/hosts/components/chart/metric_chart_wrapper.tsx`	`delay="regular"`
`x-pack/solutions/observability/plugins/infra/public/pages/metrics/hosts/components/search_bar/limit_options.tsx`	`delay="regular"`
`x-pack/solutions/observability/plugins/infra/public/pages/metrics/hosts/components/table/entry_title.tsx`	`delay="long"`
`x-pack/solutions/observability/plugins/infra/public/pages/metrics/inventory_view/components/waffle/node.tsx`	`delay="regular"`
`x-pack/solutions/observability/plugins/infra/public/pages/metrics/inventory_view/components/waffle/waffle_time_controls.tsx`	`delay="long"`
`x-pack/solutions/security/plugins/security_solution/public/flyout/document_details/right/components/table_field_name_cell.tsx`	`delay="long"`
`x-pack/solutions/observability/plugins/uptime/public/legacy_uptime/components/monitor/synthetics/waterfall/components/middle_truncated_text.tsx`	`delay="long"`
`examples/user_profile_examples/public/tooltip_demo.tsx`	`delay="regular"`

Wrapper components that accept and forward `delay`

These components extend EuiToolTipProps (or a subset) and pass all props through to EuiToolTip. The wrapper itself needs no change but all call sites passing delay to it do.

Wrapper	Call sites with `delay`
`src/platform/plugins/shared/unified_search/public/filters_builder/filter_item/tooltip.tsx`	used inline with `delay="long"` in the same file
`src/platform/plugins/private/links/public/components/tooltip_wrapper.tsx`	`delay="regular"` at call sites
`src/platform/packages/shared/kbn-coloring/src/shared_components/coloring/tooltip_wrapper.tsx`	`delay="long"` at call sites
`src/platform/packages/shared/kbn-visualization-utils/src/tooltip_wrapper.tsx`	`delay="long"` at call sites
`src/platform/packages/private/kbn-esql-editor/src/editor_footer/tooltip_wrapper.tsx`	`delay="regular"` at call sites
`src/platform/packages/shared/kbn-user-profile-components/src/user_tooltip.tsx` (`UserToolTip`)	`delay="regular"` in `user_avatar_tip.tsx` and `alerting_v2` episode cell
`x-pack/solutions/observability/plugins/infra/public/components/logging/log_analysis_setup/missing_setup_privileges_tooltip.tsx` (`MissingSetupPrivilegesToolTip`)	`delay="regular"` in `create_job_button.tsx`

`waitForEuiToolTipVisible` / `waitForEuiToolTipHidden` test helpers

These can be replaced with direct synchronous assertions:

await waitForEuiToolTipVisible() → expect(queryByRole('tooltip')).toBeInTheDocument()
await waitForEuiToolTipHidden() → expect(queryByRole('tooltip')).not.toBeInTheDocument()
Remove async from the callback if it had no other awaits.

File
`src/platform/plugins/shared/discover/public/application/main/components/layout/cascaded_documents/blocks/use_table_header_components.test.tsx`
`src/platform/packages/shared/kbn-user-profile-components/src/user_tooltip.test.tsx`
`x-pack/platform/plugins/shared/ml/public/application/components/anomalies_table/anomaly_value_display.test.tsx`
`x-pack/solutions/search/plugins/enterprise_search/public/applications/applications/components/search_applications/search_applications_create_button.test.tsx`
`x-pack/solutions/security/plugins/security_solution/public/asset_inventory/components/risk_badge.test.tsx`
`x-pack/solutions/security/plugins/security_solution/public/attack_discovery/pages/settings_flyout/hooks/use_schedule_view.test.tsx`
`x-pack/solutions/security/plugins/security_solution/public/attack_discovery/pages/settings_flyout/schedule/common/status_badge/index.test.tsx`
`x-pack/solutions/security/plugins/security_solution/public/attack_discovery/pages/settings_flyout/schedule/create_button/index.test.tsx`
`x-pack/solutions/security/plugins/security_solution/public/attack_discovery/pages/settings_flyout/schedule/details_flyout/index.test.tsx`
`x-pack/solutions/security/plugins/security_solution/public/attack_discovery/pages/settings_flyout/schedule/missing_privileges/index.test.tsx`
`x-pack/solutions/security/plugins/security_solution/public/attack_discovery/pages/settings_flyout/schedule/schedules_table/columns/actions.test.tsx`
`x-pack/solutions/security/plugins/security_solution/public/attack_discovery/pages/settings_flyout/schedule/schedules_table/columns/enable.test.tsx`

`ToolTipDelay` type

No usages found in Kibana, type was only used internally in EUI.

Copilot

Pull request overview

This PR removes the old timeout-based tooltip delay API from EUI and shifts EuiToolTip to synchronous state updates plus an opacity-only CSS animation delay. It also updates affected consumers, tests, stories, and docs across the codebase to align with the new tooltip behavior and accessibility goals.

Changes:

Removed delay/ToolTipDelay from EuiToolTip and EuiIconTip, and simplified tooltip show/hide state management.
Updated tooltip animation to opacity-only and adjusted tooltip manager / focus-driven consumers to work with synchronous visibility.
Removed tooltip RTL wait helpers and updated tests, stories, docs, and changelog entries to reflect the breaking API change.

Reviewed changes

Copilot reviewed 42 out of 43 changed files in this pull request and generated 6 comments.

Show a summary per file

File	Description
`packages/website/docs/components/display/tooltip.mdx`	Removed tooltip delay example from docs page.
`packages/eui/src/test/rtl/component_helpers.ts`	Removed tooltip-specific RTL wait helpers.
`packages/eui/src/test/rtl/component_helpers.d.ts`	Removed helper declarations from test typings.
`packages/eui/src/components/tool_tip/tool_tip.tsx`	Removed delay logic and made tooltip visibility synchronous.
`packages/eui/src/components/tool_tip/tool_tip.test.tsx`	Updated tooltip tests for synchronous DOM insertion.
`packages/eui/src/components/tool_tip/tool_tip.styles.ts`	Replaced directional animation with opacity-only animation and delay.
`packages/eui/src/components/tool_tip/tool_tip.stories.tsx`	Removed deprecated story args and kept VRT wait.
`packages/eui/src/components/tool_tip/tool_tip_manager.ts`	Prevented self-hide on duplicate registration.
`packages/eui/src/components/tool_tip/tool_tip_manager.test.ts`	Added regression test for duplicate registration.
`packages/eui/src/components/tool_tip/icon_tip.tsx`	Removed delay prop passthrough from icon tooltip wrapper.
`packages/eui/src/components/tool_tip/icon_tip.test.tsx`	Updated icon tooltip tests for synchronous behavior.
`packages/eui/src/components/tool_tip/icon_tip.stories.tsx`	Removed deprecated VRT delay override from icon tooltip story.
`packages/eui/src/components/table/table_header_cell.test.tsx`	Updated tooltip-related table header tests.
`packages/eui/src/components/selectable/selectable_list/selectable_list_item.test.tsx`	Updated selectable item tooltip tests.
`packages/eui/src/components/markdown_editor/markdown_editor_toolbar.tsx`	Removed delay prop from toolbar tooltips.
`packages/eui/src/components/list_group/list_group_item.tsx`	Removed long-delay tooltip usage in list group items.
`packages/eui/src/components/list_group/list_group_item.test.tsx`	Updated list group tooltip tests.
`packages/eui/src/components/key_pad_menu/key_pad_menu_item.tsx`	Removed delay-specific typing and prop usage.
`packages/eui/src/components/key_pad_menu/key_pad_menu_item.test.tsx`	Updated keypad tooltip tests.
`packages/eui/src/components/filter_group/filter_select_item.tsx`	Moved tooltip toggling out of render into lifecycle methods.
`packages/eui/src/components/filter_group/filter_select_item.test.tsx`	Updated focused-tooltip tests for lifecycle-driven behavior.
`packages/eui/src/components/date_picker/super_date_picker/super_update_button.test.tsx`	Updated tooltip-related super update button tests.
`packages/eui/src/components/datagrid/controls/keyboard_shortcuts.tsx`	Removed delay prop from data grid keyboard shortcut tooltip.
`packages/eui/src/components/datagrid/controls/fullscreen_selector.tsx`	Removed delay prop from fullscreen tooltip.
`packages/eui/src/components/datagrid/controls/display_selector.tsx`	Removed delay prop from display selector tooltip.
`packages/eui/src/components/copy/copy.test.tsx`	Updated copy tooltip tests for synchronous insertion.
`packages/eui/src/components/context_menu/context_menu_item.test.tsx`	Updated context menu tooltip tests.
`packages/eui/src/components/combo_box/combo_box.test.tsx`	Updated combo box tooltip tests.
`packages/eui/src/components/color_picker/saturation.test.tsx`	Updated saturation tooltip tests.
`packages/eui/src/components/color_picker/hue.test.tsx`	Updated hue tooltip tests.
`packages/eui/src/components/color_picker/color_picker_swatch.tsx`	Removed delay-specific swatch tooltip typing.
`packages/eui/src/components/color_picker/color_picker_swatch.test.tsx`	Updated swatch tooltip tests.
`packages/eui/src/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_button.test.tsx`	Updated collapsed nav tooltip tests.
`packages/eui/src/components/button/split_button/split_button.test.tsx`	Updated split button tooltip tests.
`packages/eui/src/components/button/split_button/split_button.stories.tsx`	Removed deprecated VRT delay override from split button story.
`packages/eui/src/components/button/button_group/button_group.test.tsx`	Updated button group tooltip tests.
`packages/eui/src/components/button/button_group/button_group.stories.tsx`	Removed deprecated VRT delay override from button group story.
`packages/eui/src/components/basic_table/table_types.ts`	Removed delay-specific tooltip typing from table API.
`packages/eui/src/components/basic_table/default_item_action.tsx`	Removed long-delay tooltip default from table actions.
`packages/eui/src/components/basic_table/default_item_action.test.tsx`	Updated default item action tooltip tests.
`packages/eui/src/components/basic_table/collapsed_item_actions.tsx`	Removed delay prop from collapsed table action tooltips.
`packages/eui/src/components/basic_table/collapsed_item_actions.test.tsx`	Updated collapsed action tooltip tests.
`packages/eui/changelogs/upcoming/9626.md`	Added breaking-change / behavior changelog entry for tooltip delay removal.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

tkajtoch · 2026-05-04T10:14:01Z

Code changes look good. I like how clean the tooltip becomes, and the number of added to removed lines confirms that :D

I'm going to QA the changes next

tkajtoch · 2026-05-04T12:08:31Z

Almost everything works as expected! I found one issue when quickly moving the cursor over that needs fixing before we merge this:

Screen.Recording.2026-05-04.at.14.04.53.mov

BREAKING CHANGE: the `delay` prop and `ToolTipDelay` type have been removed from `EuiToolTip` and `EuiIconTip`. Tooltips now show and hide synchronously. Remove any `delay` prop usage.

BREAKING CHANGE: `waitForEuiToolTipVisible` and `waitForEuiToolTipHidden` RTL test helpers have been removed. These helpers used `waitFor` with long timeouts to account for the now-removed tooltip delay. Tooltip show/hide is now synchronous, so all assertions can be made directly without async waiting.

Moved tooltip visibility toggling from render() to componentDidMount and componentDidUpdate. The previous code triggered showToolTip/hideToolTip synchronously during render, causing a "Cannot update a component while rendering a different component" React warning. This was previously masked by the now-removed enqueueStateChange timeout wrapper.

Copilot

Pull request overview

Copilot reviewed 44 out of 45 changed files in this pull request and generated 4 comments.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>

weronikaolejniczak · 2026-05-04T15:47:17Z

The issue with tooltips remaining open when hovering over fast enough is fixed on cda062a

Animation has been mistakenly removed on: #9627 so here I'm just adding an animation on opacity.

weronikaolejniczak · 2026-05-04T16:58:27Z

Did some final testing in Storybook and Kibana. Everything seems to be working correctly. @tkajtoch let me know if you find anything else! Let's aim to have this merged before tomorrow morning.

Kapture.2026-05-04.at.18.50.14.mp4

elasticmachine · 2026-05-04T17:15:43Z

💚 Build Succeeded

History

💚 Build #3405 succeeded 98b24c1
💚 Build #3402 succeeded cda062a
💚 Build #3400 succeeded dbfe37a
💚 Build #3396 succeeded 2c6de68
💚 Build #3395 succeeded 848620a
💔 Build #3390 failed 3922800

cc @weronikaolejniczak

elasticmachine · 2026-05-04T17:33:09Z

💚 Build Succeeded

Buildkite Build
Commit: 4d88fd7

History

💔 Build #6391 failed 98b24c1
💚 Build #6388 succeeded cda062a
💚 Build #6387 succeeded dbfe37a
💚 Build #6383 succeeded 2c6de68

cc @weronikaolejniczak

tkajtoch

Thank you for fixing the issue! I retested the changes and can confirm everything works as expected now

weronikaolejniczak changed the title ~~Feat/remove delay~~ [EuiToolTip] Remove delay and update animation Apr 30, 2026

weronikaolejniczak self-assigned this Apr 30, 2026

weronikaolejniczak added the breaking change PRs with breaking changes. (Don't delete - used for automation) label Apr 30, 2026

This was referenced Apr 30, 2026

[EuiToolTip] Show tooltip only on keyboard focus #9624

Merged

[Epic] [Component sweep] Tooltips: EuiToolTip #9440

Open

This was linked to issues Apr 30, 2026

[EuiToolTip] [A11y] Tooltips aren't announced to screen reader #9283

Closed

[EuiToolTip] [A11y] Tooltip content not announced in Chrome when rendered inside EuiFlyout #9338

Closed

weronikaolejniczak mentioned this pull request Apr 30, 2026

[PoC] Tooltip delay and focus #9581

Closed

17 tasks

weronikaolejniczak force-pushed the feat/remove-delay branch from 005d734 to d3ecb4e Compare May 4, 2026 09:04

weronikaolejniczak mentioned this pull request May 4, 2026

[EUI] Test tooltip focus and delay elastic/kibana#266413

Draft

weronikaolejniczak force-pushed the feat/remove-delay branch 3 times, most recently from 35138e8 to 19c48b1 Compare May 4, 2026 09:47

weronikaolejniczak marked this pull request as ready for review May 4, 2026 09:47

weronikaolejniczak requested a review from a team as a code owner May 4, 2026 09:47

Copilot AI review requested due to automatic review settings May 4, 2026 09:47

Copilot started reviewing on behalf of weronikaolejniczak May 4, 2026 09:48 View session

tkajtoch requested review from tkajtoch and removed request for Copilot May 4, 2026 09:48

weronikaolejniczak mentioned this pull request May 4, 2026

[EuiToolTip] Update the default font size #9627

Merged

19 tasks

tkajtoch reviewed May 4, 2026

View reviewed changes

Comment thread packages/eui/src/components/filter_group/filter_select_item.tsx Outdated

tkajtoch reviewed May 4, 2026

View reviewed changes

Comment thread packages/eui/src/components/tool_tip/icon_tip.stories.tsx

Copilot AI review requested due to automatic review settings May 4, 2026 09:56

Copilot started reviewing on behalf of weronikaolejniczak May 4, 2026 09:56 View session

mgadewoll reviewed May 4, 2026

View reviewed changes

Comment thread packages/eui/src/test/rtl/component_helpers.ts

Copilot AI reviewed May 4, 2026

View reviewed changes

tkajtoch requested changes May 4, 2026

View reviewed changes

weronikaolejniczak requested a review from tkajtoch May 4, 2026 14:21

weronikaolejniczak added 11 commits May 4, 2026 16:27

feat(eui): remove EuiToolTip delay prop

e4dcc2a

BREAKING CHANGE: the `delay` prop and `ToolTipDelay` type have been removed from `EuiToolTip` and `EuiIconTip`. Tooltips now show and hide synchronously. Remove any `delay` prop usage.

feat(eui): update animation to work only on opacity

1d37f18

fix(eui): fix tooltip manager to not re-register the same tooltip

1305b87

feat(website): remove delay from docs

941540b

chore: add changelog

57c5b51

chore: remove duplicate vars after conflicts

f9b96d2

chore(eui): import isValidElement directly

e9da4ff

fix(website): remove delay from examples

d7fe667

fix(eui): remove setVisible from positionToolTip

cda062a

weronikaolejniczak force-pushed the feat/remove-delay branch from dbfe37a to cda062a Compare May 4, 2026 14:28

weronikaolejniczak requested a review from Copilot May 4, 2026 15:39

Copilot started reviewing on behalf of weronikaolejniczak May 4, 2026 15:40 View session

Copilot AI reviewed May 4, 2026

View reviewed changes

chore: fix typo for color picker swatch in a comment (Copilot)

0e0cb1b

Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>

weronikaolejniczak added 3 commits May 4, 2026 18:02

chore: fix typo for table in a comment (Copilot)

4e26386

chore(eui): update keyboard test case

98b24c1

chore(eui): replace fireEvent with userEvent and simulate helper

4d88fd7

tkajtoch approved these changes May 4, 2026

View reviewed changes

weronikaolejniczak merged commit ea67670 into elastic:main May 5, 2026
5 checks passed

Conversation

weronikaolejniczak commented Apr 30, 2026 • edited by tkajtoch Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Summary

API Changes

Screenshots

VoiceOver + Chrome

Impact Assessment

Release Readiness

QA instructions for reviewer

Checklist before marking Ready for Review

Reviewer checklist

Uh oh!

github-actions Bot commented Apr 30, 2026 • edited by weronikaolejniczak Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

weronikaolejniczak commented Apr 30, 2026

Delay removal - Kibana impact

Direct delay prop on EuiToolTip / EuiIconTip

Wrapper components that accept and forward delay

waitForEuiToolTipVisible / waitForEuiToolTipHidden test helpers

ToolTipDelay type

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Reviewed changes

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

tkajtoch commented May 4, 2026

Uh oh!

tkajtoch commented May 4, 2026

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

weronikaolejniczak commented May 4, 2026

Uh oh!

weronikaolejniczak commented May 4, 2026

Uh oh!

elasticmachine commented May 4, 2026

💚 Build Succeeded

History

Uh oh!

elasticmachine commented May 4, 2026

💚 Build Succeeded

History

Uh oh!

tkajtoch left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

5 participants

weronikaolejniczak commented Apr 30, 2026 •

edited by tkajtoch

Loading

github-actions Bot commented Apr 30, 2026 •

edited by weronikaolejniczak

Loading

Direct `delay` prop on `EuiToolTip` / `EuiIconTip`

Wrapper components that accept and forward `delay`

`waitForEuiToolTipVisible` / `waitForEuiToolTipHidden` test helpers

`ToolTipDelay` type