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: [Dashboard > Entity Analytics: Risk Scores Table][KEYBOARD]: Elements with keyboard focus must be visible #178317

Merged
merged 3 commits into from
Mar 12, 2024

Conversation

alexwizp
Copy link
Contributor

@alexwizp alexwizp commented Mar 8, 2024

Closes: https://github.com/elastic/security-team/issues/8624

Description

The Overview dashboard has two buttons that are invisible on keyboard focus. These buttons toggle modal dialogs and are only visible on hover. Screenshot attached.

Steps to recreate

  1. Open Entity Analytics dashboard
  2. Open dev tools and type document.activeElement into the live expression window to have the active element follow your focus
  3. Tab through the view until focus gets "lost" or disappears in the User Risk Scores table rows
  4. Verify focus is on a button that is not visible on the page

Screen

Screen.Recording.2024-03-08.at.15.52.27.mov

@alexwizp
Copy link
Contributor Author

alexwizp commented Mar 8, 2024

/ci

@alexwizp alexwizp marked this pull request as ready for review March 8, 2024 15:25
@alexwizp alexwizp requested a review from a team as a code owner March 8, 2024 15:25
@alexwizp alexwizp requested a review from machadoum March 8, 2024 15:25
@alexwizp alexwizp added the Team: SecuritySolution Security Solutions Team working on SIEM, Endpoint, Timeline, Resolver, etc. label Mar 8, 2024
@elasticmachine
Copy link
Contributor

Pinging @elastic/security-solution (Team: SecuritySolution)

@alexwizp alexwizp added v8.13.0 v8.14.0 release_note:skip Skip the PR/issue when compiling release notes Feature:Security Dashboards Security solution custom dashboards feature Team:Entity Analytics Security Entity Analytics Team labels Mar 8, 2024
@elasticmachine
Copy link
Contributor

Pinging @elastic/security-entity-analytics (Team:Entity Analytics)

@kibana-ci
Copy link
Collaborator

💚 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
securitySolution 12.8MB 12.8MB +59.0B

History

To update your PR or re-run it, just comment with:
@elasticmachine merge upstream

Copy link
Contributor

@hop-dev hop-dev left a comment

Choose a reason for hiding this comment

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

Thanks for this! 🚀

@alexwizp alexwizp merged commit 322b9a4 into elastic:main Mar 12, 2024
34 checks passed
kibanamachine pushed a commit to kibanamachine/kibana that referenced this pull request Mar 12, 2024
…ments with keyboard focus must be visible (elastic#178317)

Closes: elastic/security-team#8624

## Description

The Overview dashboard has two buttons that are invisible on keyboard
focus. These buttons toggle modal dialogs and are only visible on hover.
Screenshot attached.

### Steps to recreate

1. Open [Entity Analytics
dashboard](https://kibana.siem.estc.dev/app/security/entity_analytics)
2. Open dev tools and type `document.activeElement` into the live
expression window to have the active element follow your focus
3. Tab through the view until focus gets "lost" or disappears in the
User Risk Scores table rows
4. Verify focus is on a button that is not visible on the page

### Screen

https://github.com/elastic/kibana/assets/20072247/0ca8db38-006a-49ea-9019-e23078844c10
(cherry picked from commit 322b9a4)
@kibanamachine
Copy link
Contributor

💚 All backports created successfully

Status Branch Result
8.13

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 Mar 12, 2024
…OARD]: Elements with keyboard focus must be visible (#178317) (#178479)

# Backport

This will backport the following commits from `main` to `8.13`:
- [fix: [Dashboard > Entity Analytics: Risk Scores Table][KEYBOARD]:
Elements with keyboard focus must be visible
(#178317)](#178317)

<!--- 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-03-12T09:56:02Z","message":"fix:
[Dashboard > Entity Analytics: Risk Scores Table][KEYBOARD]: Elements
with keyboard focus must be visible (#178317)\n\nCloses:
https://github.com/elastic/security-team/issues/8624\r\n\r\n##
Description\r\n\r\nThe Overview dashboard has two buttons that are
invisible on keyboard\r\nfocus. These buttons toggle modal dialogs and
are only visible on hover.\r\nScreenshot attached.\r\n\r\n### Steps to
recreate\r\n\r\n1. Open [Entity
Analytics\r\ndashboard](https://kibana.siem.estc.dev/app/security/entity_analytics)\r\n2.
Open dev tools and type `document.activeElement` into the
live\r\nexpression window to have the active element follow your
focus\r\n3. Tab through the view until focus gets \"lost\" or disappears
in the\r\nUser Risk Scores table rows\r\n4. Verify focus is on a button
that is not visible on the page\r\n\r\n### Screen
\r\n\r\n\r\nhttps://github.com/elastic/kibana/assets/20072247/0ca8db38-006a-49ea-9019-e23078844c10","sha":"322b9a4ecb55a5db3295a5f764c21c8d7b37d400","branchLabelMapping":{"^v8.14.0$":"main","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:skip","Team:
SecuritySolution","Feature:Security Dashboards","Team:Entity
Analytics","v8.13.0","v8.14.0"],"title":"fix: [Dashboard > Entity
Analytics: Risk Scores Table][KEYBOARD]: Elements with keyboard focus
must be
visible","number":178317,"url":"https://github.com/elastic/kibana/pull/178317","mergeCommit":{"message":"fix:
[Dashboard > Entity Analytics: Risk Scores Table][KEYBOARD]: Elements
with keyboard focus must be visible (#178317)\n\nCloses:
https://github.com/elastic/security-team/issues/8624\r\n\r\n##
Description\r\n\r\nThe Overview dashboard has two buttons that are
invisible on keyboard\r\nfocus. These buttons toggle modal dialogs and
are only visible on hover.\r\nScreenshot attached.\r\n\r\n### Steps to
recreate\r\n\r\n1. Open [Entity
Analytics\r\ndashboard](https://kibana.siem.estc.dev/app/security/entity_analytics)\r\n2.
Open dev tools and type `document.activeElement` into the
live\r\nexpression window to have the active element follow your
focus\r\n3. Tab through the view until focus gets \"lost\" or disappears
in the\r\nUser Risk Scores table rows\r\n4. Verify focus is on a button
that is not visible on the page\r\n\r\n### Screen
\r\n\r\n\r\nhttps://github.com/elastic/kibana/assets/20072247/0ca8db38-006a-49ea-9019-e23078844c10","sha":"322b9a4ecb55a5db3295a5f764c21c8d7b37d400"}},"sourceBranch":"main","suggestedTargetBranches":["8.13"],"targetPullRequestStates":[{"branch":"8.13","label":"v8.13.0","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"main","label":"v8.14.0","branchLabelMappingKey":"^v8.14.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/178317","number":178317,"mergeCommit":{"message":"fix:
[Dashboard > Entity Analytics: Risk Scores Table][KEYBOARD]: Elements
with keyboard focus must be visible (#178317)\n\nCloses:
https://github.com/elastic/security-team/issues/8624\r\n\r\n##
Description\r\n\r\nThe Overview dashboard has two buttons that are
invisible on keyboard\r\nfocus. These buttons toggle modal dialogs and
are only visible on hover.\r\nScreenshot attached.\r\n\r\n### Steps to
recreate\r\n\r\n1. Open [Entity
Analytics\r\ndashboard](https://kibana.siem.estc.dev/app/security/entity_analytics)\r\n2.
Open dev tools and type `document.activeElement` into the
live\r\nexpression window to have the active element follow your
focus\r\n3. Tab through the view until focus gets \"lost\" or disappears
in the\r\nUser Risk Scores table rows\r\n4. Verify focus is on a button
that is not visible on the page\r\n\r\n### Screen
\r\n\r\n\r\nhttps://github.com/elastic/kibana/assets/20072247/0ca8db38-006a-49ea-9019-e23078844c10","sha":"322b9a4ecb55a5db3295a5f764c21c8d7b37d400"}}]}]
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
Feature:Security Dashboards Security solution custom dashboards feature release_note:skip Skip the PR/issue when compiling release notes Team:Entity Analytics Security Entity Analytics Team Team: SecuritySolution Security Solutions Team working on SIEM, Endpoint, Timeline, Resolver, etc. v8.13.0 v8.14.0
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants