Skip to content

[Inspect component] Close inspect overlay on Escape key press#234137

Merged
kowalczyk-krzysztof merged 7 commits intoelastic:mainfrom
kowalczyk-krzysztof:feat/add-escape-key-close-to-inspect-component
Sep 5, 2025
Merged

[Inspect component] Close inspect overlay on Escape key press#234137
kowalczyk-krzysztof merged 7 commits intoelastic:mainfrom
kowalczyk-krzysztof:feat/add-escape-key-close-to-inspect-component

Conversation

@kowalczyk-krzysztof
Copy link
Member

@kowalczyk-krzysztof kowalczyk-krzysztof commented Sep 5, 2025

Summary

This PR adds closing on Escape key press functionality to inspect overlay.

@kowalczyk-krzysztof kowalczyk-krzysztof self-assigned this Sep 5, 2025
Copilot AI review requested due to automatic review settings September 5, 2025 09:06
@kowalczyk-krzysztof kowalczyk-krzysztof added release_note:skip Skip the PR/issue when compiling release notes backport:skip This PR does not require backporting labels Sep 5, 2025
@kowalczyk-krzysztof kowalczyk-krzysztof requested a review from a team as a code owner September 5, 2025 09:06
@kowalczyk-krzysztof kowalczyk-krzysztof added the Team:SharedUX Platform AppEx-SharedUX (formerly Global Experience) t// label Sep 5, 2025
@elasticmachine
Copy link
Contributor

Pinging @elastic/appex-sharedux (Team:SharedUX)

Copy link
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull Request Overview

This PR adds Escape key functionality to close the inspect overlay in the Kibana inspect component. When users press the Escape key while the inspect overlay is active, it will close the overlay and exit inspection mode.

Key changes:

  • Added a utility function to detect Escape key presses
  • Integrated keyboard event handling into the inspect overlay component
  • Added test coverage for the new Escape key functionality

Reviewed Changes

Copilot reviewed 3 out of 3 changed files in this pull request and generated 1 comment.

File Description
keyboard_shortcut.ts Added utility function isEscapeKey to detect Escape key presses
inspect_overlay.tsx Integrated Escape key handling to close overlay and added keyboard event listener
inspect_overlay.test.tsx Added test case to verify Escape key closes the overlay

kowalczyk-krzysztof and others added 2 commits September 5, 2025 11:07
…oard_shortcut/keyboard_shortcut.ts

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
@kowalczyk-krzysztof kowalczyk-krzysztof changed the title [Inspect component] Close inspect overlay on Esc key press [Inspect component] Close inspect overlay on Escape key press Sep 5, 2025
Copy link
Contributor

@Dosant Dosant left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

thanks!

@kowalczyk-krzysztof kowalczyk-krzysztof enabled auto-merge (squash) September 5, 2025 12:56
@kowalczyk-krzysztof kowalczyk-krzysztof merged commit b8c18e8 into elastic:main Sep 5, 2025
13 checks passed
@elasticmachine
Copy link
Contributor

💛 Build succeeded, but was flaky

Failed CI Steps

Test Failures

  • [job] [logs] FTR Configs #114 / task_manager migrations 8.8.0 adds UUIDs to all alerts

Metrics [docs]

Async chunks

Total size of all lazy-loaded chunks that will be downloaded as the user navigates the app

id before after diff
inspectComponent 46.3KB 46.5KB +143.0B

History

cc @kowalczyk-krzysztof

@kowalczyk-krzysztof kowalczyk-krzysztof deleted the feat/add-escape-key-close-to-inspect-component branch September 6, 2025 14:55
shahargl pushed a commit to shahargl/kibana that referenced this pull request Sep 7, 2025
…c#234137)

## Summary

This PR adds closing on `Escape` key press functionality to inspect
overlay.

---------

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
KodeRad pushed a commit to KodeRad/kibana that referenced this pull request Sep 15, 2025
…c#234137)

## Summary

This PR adds closing on `Escape` key press functionality to inspect
overlay.

---------

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
CAWilson94 pushed a commit to CAWilson94/kibana that referenced this pull request Sep 24, 2025
…c#234137)

## Summary

This PR adds closing on `Escape` key press functionality to inspect
overlay.

---------

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

backport:skip This PR does not require backporting release_note:skip Skip the PR/issue when compiling release notes Team:SharedUX Platform AppEx-SharedUX (formerly Global Experience) t// v9.2.0

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants