[WIP] fix(flyout): close flyout only on non-propagated escape

[weronikaolejniczak]

Summary

When we have EuiIconTip (consequently, EuiTooltip) within EuiFlyout and with the tooltip open we click "Escape" key, the flyout gets closed. The reason is, the escape keydown event is propagated from the tooltip and captured by the flyout as its parent. Simple event.stopPropagation() inside EuiTooltip seemed to do the trick.

(Right now) I'm testing other components that handle the "Escape" key and could be used as children within the flyout, and I'm writing Cypress tests to cover the behavior.

closes #8130

QA

Screen.Recording.2024-11-14.at.15.05.38.mov

General checklist

• Browser QA
  • Checked in both light and dark modes
  • Checked in mobile
  • Checked in Chrome, Safari, Edge, and Firefox
  • Checked for accessibility including keyboard-only and screenreader modes
• Docs site QA
  • Added documentation
  • Props have proper autodocs (using @default if default values are missing) and playground toggles
  • Checked Code Sandbox works for any docs examples
• Code quality checklist
  • Added or updated jest and cypress tests
  • Updated visual regression tests
• Release checklist
  • A changelog entry exists and is marked appropriately.
  • If applicable, added the breaking change issue label (and filled out the breaking change checklist)
• Designer checklist
  • If applicable, file an issue to update EUI's Figma library with any corresponding UI changes. (This is an internal repo, if you are external to Elastic, ask a maintainer to submit this request)

[kibanamachine]

Preview staging links for this PR:

• Docs site: https://eui.elastic.co/pr_8140/
• Storybook: https://eui.elastic.co/pr_8140/storybook
• New docs: https://eui.elastic.co/pr_8140/new-docs

[elasticmachine]

💔 Build Failed

• Buildkite Build
• Commit: c09d2b0

Failed CI Steps

• 🔨 EUI pull request test