Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix: [Stateful: Indices: Overview page] Missing focus on New button after closing or cancelling Generate API key dialog #196905

Merged
merged 2 commits into from
Oct 21, 2024

Conversation

alexwizp
Copy link
Contributor

@alexwizp alexwizp commented Oct 18, 2024

Closes: #196174

Description

Focus should be visible on any accessible element and in order when navigating through the elements. Especially for the users using assistive technology, only keyboard.
For the dialogs, after closing them, focus should be visible on the element which opened it.

What was changed:

  1. Cleaned up generate_api_key_panel.tsx. No need to open GenerateApiKeyModal from this level. Same logic duplicated in APIGettingStarted inner component

Screen

Screen.Recording.2024-10-18.at.18.02.39.mov

…fter closing or cancelling Generate API key dialog

Closes: elastic#196174
@alexwizp
Copy link
Contributor Author

/ci

@alexwizp alexwizp added v9.0.0 backport:prev-minor Backport to (8.x) the previous minor version (i.e. one version back from main) release_note:skip Skip the PR/issue when compiling release notes Project:Accessibility labels Oct 18, 2024
@alexwizp alexwizp marked this pull request as ready for review October 18, 2024 15:05
@alexwizp alexwizp requested a review from a team as a code owner October 18, 2024 15:05
@elasticmachine
Copy link
Contributor

Pinging @elastic/kibana-accessibility (Project:Accessibility)

@elasticmachine
Copy link
Contributor

💚 Build Succeeded

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
enterpriseSearch 2.6MB 2.6MB -153.0B

@alexwizp alexwizp merged commit 47a497c into elastic:main Oct 21, 2024
21 checks passed
@kibanamachine
Copy link
Contributor

Starting backport for target branches: 8.x

https://github.com/elastic/kibana/actions/runs/11441771820

kibanamachine pushed a commit to kibanamachine/kibana that referenced this pull request Oct 21, 2024
…fter closing or cancelling Generate API key dialog (elastic#196905)

Closes: elastic#196174

## Description

Focus should be visible on any accessible element and in order when
navigating through the elements. Especially for the users using
assistive technology, only keyboard.
For the dialogs, after closing them, focus should be visible on the
element which opened it.

## What was changed:
1. Cleaned up `generate_api_key_panel.tsx`. No need to open
`GenerateApiKeyModal` from this level. Same logic duplicated in
`APIGettingStarted` inner component

## Screen

https://github.com/user-attachments/assets/46a23fdd-ba54-4798-9cb7-a78e28d447b8
(cherry picked from commit 47a497c)
@kibanamachine
Copy link
Contributor

💚 All backports created successfully

Status Branch Result
8.x

Note: Successful backport PRs will be merged automatically after passing CI.

Questions ?

Please refer to the Backport tool documentation

kibanamachine added a commit that referenced this pull request Oct 21, 2024
…tton after closing or cancelling Generate API key dialog (#196905) (#197069)

# Backport

This will backport the following commits from `main` to `8.x`:
- [fix: [Stateful: Indices: Overview page] Missing focus on New button
after closing or cancelling Generate API key dialog
(#196905)](#196905)

<!--- Backport version: 9.4.3 -->

### Questions ?
Please refer to the [Backport tool
documentation](https://github.com/sqren/backport)

<!--BACKPORT [{"author":{"name":"Alexey
Antonov","email":"[email protected]"},"sourceCommit":{"committedDate":"2024-10-21T13:59:07Z","message":"fix:
[Stateful: Indices: Overview page] Missing focus on New button after
closing or cancelling Generate API key dialog (#196905)\n\nCloses:
#196174\r\n\r\n## Description \r\n\r\nFocus should be visible on any
accessible element and in order when\r\nnavigating through the elements.
Especially for the users using\r\nassistive technology, only
keyboard.\r\nFor the dialogs, after closing them, focus should be
visible on the\r\nelement which opened it.\r\n\r\n## What was changed:
\r\n1. Cleaned up `generate_api_key_panel.tsx`. No need to
open\r\n`GenerateApiKeyModal` from this level. Same logic duplicated
in\r\n`APIGettingStarted` inner component\r\n\r\n##
Screen\r\n\r\n\r\nhttps://github.com/user-attachments/assets/46a23fdd-ba54-4798-9cb7-a78e28d447b8","sha":"47a497cf3671eee56adeb4787cb4c9271671f5e8","branchLabelMapping":{"^v9.0.0$":"main","^v8.17.0$":"8.x","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["Project:Accessibility","release_note:skip","v9.0.0","backport:prev-minor"],"title":"fix:
[Stateful: Indices: Overview page] Missing focus on New button after
closing or cancelling Generate API key
dialog","number":196905,"url":"https://github.com/elastic/kibana/pull/196905","mergeCommit":{"message":"fix:
[Stateful: Indices: Overview page] Missing focus on New button after
closing or cancelling Generate API key dialog (#196905)\n\nCloses:
#196174\r\n\r\n## Description \r\n\r\nFocus should be visible on any
accessible element and in order when\r\nnavigating through the elements.
Especially for the users using\r\nassistive technology, only
keyboard.\r\nFor the dialogs, after closing them, focus should be
visible on the\r\nelement which opened it.\r\n\r\n## What was changed:
\r\n1. Cleaned up `generate_api_key_panel.tsx`. No need to
open\r\n`GenerateApiKeyModal` from this level. Same logic duplicated
in\r\n`APIGettingStarted` inner component\r\n\r\n##
Screen\r\n\r\n\r\nhttps://github.com/user-attachments/assets/46a23fdd-ba54-4798-9cb7-a78e28d447b8","sha":"47a497cf3671eee56adeb4787cb4c9271671f5e8"}},"sourceBranch":"main","suggestedTargetBranches":[],"targetPullRequestStates":[{"branch":"main","label":"v9.0.0","branchLabelMappingKey":"^v9.0.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/196905","number":196905,"mergeCommit":{"message":"fix:
[Stateful: Indices: Overview page] Missing focus on New button after
closing or cancelling Generate API key dialog (#196905)\n\nCloses:
#196174\r\n\r\n## Description \r\n\r\nFocus should be visible on any
accessible element and in order when\r\nnavigating through the elements.
Especially for the users using\r\nassistive technology, only
keyboard.\r\nFor the dialogs, after closing them, focus should be
visible on the\r\nelement which opened it.\r\n\r\n## What was changed:
\r\n1. Cleaned up `generate_api_key_panel.tsx`. No need to
open\r\n`GenerateApiKeyModal` from this level. Same logic duplicated
in\r\n`APIGettingStarted` inner component\r\n\r\n##
Screen\r\n\r\n\r\nhttps://github.com/user-attachments/assets/46a23fdd-ba54-4798-9cb7-a78e28d447b8","sha":"47a497cf3671eee56adeb4787cb4c9271671f5e8"}}]}]
BACKPORT-->

Co-authored-by: Alexey Antonov <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
backport:prev-minor Backport to (8.x) the previous minor version (i.e. one version back from main) Project:Accessibility release_note:skip Skip the PR/issue when compiling release notes v8.17.0 v9.0.0
Projects
None yet
4 participants