Skip to content

[EuiFlyout] Pressing ESC on a tooltip element inside the EuiFlyout should not close the flyout. #8130

@alexwizp

Description

@alexwizp

Describe the Problem

This issue relates to Elastic Kibana issue #199448. When a tooltip element inside an EuiFlyout is focused, pressing the ESC key is expected to close only the tooltip. Currently, however, pressing ESC closes the entire EuiFlyout.

This behavior has been observed with IconTip and EuiCard (for badges) and may affect other tooltip elements as well.

To Reproduce

  1. In Storybook, create or update an EuiFlyout with the following body:

    <EuiFlyoutBody>
        Flyout body <EuiIconTip content={'test'} />
    </EuiFlyoutBody>
  2. Use the keyboard to focus on EuiIconTip and press ESC.

Expected Behavior : Only the tooltip should close.

Screenshots

Screen.Recording.2024-11-11.at.15.14.13.mov

Metadata

Metadata

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions