Skip to content

Make option list with stats accessible with keyboard#221729

Merged
SoniaSanzV merged 1 commit intoelastic:mainfrom
SoniaSanzV:fix_transforms_a11y
May 29, 2025
Merged

Make option list with stats accessible with keyboard#221729
SoniaSanzV merged 1 commit intoelastic:mainfrom
SoniaSanzV:fix_transforms_a11y

Conversation

@SoniaSanzV
Copy link
Contributor

@SoniaSanzV SoniaSanzV commented May 28, 2025

Fixes #219516

Summary

The Transform plugin has some text fields that are not keyboard accessible and those fields are using the OptionListWithFieldStats component. This PR adds the onKeyDown event for that component, fixing the problem for Transform plugin.

Screen.Recording.2025-05-28.at.09.53.27.mov

@SoniaSanzV SoniaSanzV requested a review from alexwizp May 28, 2025 08:04
@SoniaSanzV SoniaSanzV self-assigned this May 28, 2025
@SoniaSanzV SoniaSanzV requested a review from a team as a code owner May 28, 2025 08:04
@SoniaSanzV SoniaSanzV added release_note:skip Skip the PR/issue when compiling release notes Feature:Transforms Transforms backport:prev-minor labels May 28, 2025
@peteharverson peteharverson self-requested a review May 28, 2025 09:19
@peteharverson
Copy link
Contributor

peteharverson commented May 28, 2025

This will also fix #216773 since it uses the same OptionListWithFieldStats component.

Copy link
Contributor

@peteharverson peteharverson left a comment

Choose a reason for hiding this comment

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

Tested (MacOS Chrome and FF) and LGTM. Also fixes the same issue in the ML 'Add detector' modal in the advanced job wizard since it uses the same component.

@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
ml 5.4MB 5.4MB +112.0B
transform 619.7KB 619.9KB +112.0B
total +224.0B

cc @SoniaSanzV

Copy link
Contributor

@alexwizp alexwizp left a comment

Choose a reason for hiding this comment

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

Tested locally

@SoniaSanzV SoniaSanzV merged commit d6178cd into elastic:main May 29, 2025
18 checks passed
@SoniaSanzV SoniaSanzV deleted the fix_transforms_a11y branch May 29, 2025 12:25
@kibanamachine
Copy link
Contributor

Starting backport for target branches: 9.0

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

kibanamachine pushed a commit to kibanamachine/kibana that referenced this pull request May 29, 2025
Fixes elastic#219516

## Summary
The Transform plugin has some text fields that are not keyboard
accessible and those fields are using the `OptionListWithFieldStats`
component. This PR adds the `onKeyDown` event for that component, fixing
the problem for Transform plugin.

https://github.com/user-attachments/assets/ec527750-b830-41e6-b3e5-c174a1c26311
(cherry picked from commit d6178cd)
@kibanamachine
Copy link
Contributor

💚 All backports created successfully

Status Branch Result
9.0

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

Questions ?

Please refer to the Backport tool documentation

@SoniaSanzV SoniaSanzV added v8.19.0 backport:version Backport to applied version labels labels May 29, 2025
@kibanamachine
Copy link
Contributor

Starting backport for target branches: 8.19, 9.0

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

kibanamachine pushed a commit to kibanamachine/kibana that referenced this pull request May 29, 2025
Fixes elastic#219516

## Summary
The Transform plugin has some text fields that are not keyboard
accessible and those fields are using the `OptionListWithFieldStats`
component. This PR adds the `onKeyDown` event for that component, fixing
the problem for Transform plugin.

https://github.com/user-attachments/assets/ec527750-b830-41e6-b3e5-c174a1c26311
(cherry picked from commit d6178cd)
@kibanamachine
Copy link
Contributor

💔 Some backports could not be created

Status Branch Result
8.19 Backport failed because of merge conflicts
9.0

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

Manual backport

To create the backport manually run:

node scripts/backport --pr 221729

Questions ?

Please refer to the Backport tool documentation

SoniaSanzV added a commit to SoniaSanzV/kibana that referenced this pull request May 29, 2025
Fixes elastic#219516

The Transform plugin has some text fields that are not keyboard
accessible and those fields are using the `OptionListWithFieldStats`
component. This PR adds the `onKeyDown` event for that component, fixing
the problem for Transform plugin.

https://github.com/user-attachments/assets/ec527750-b830-41e6-b3e5-c174a1c26311
(cherry picked from commit d6178cd)
SoniaSanzV added a commit to SoniaSanzV/kibana that referenced this pull request May 29, 2025
Fixes elastic#219516

The Transform plugin has some text fields that are not keyboard
accessible and those fields are using the `OptionListWithFieldStats`
component. This PR adds the `onKeyDown` event for that component, fixing
the problem for Transform plugin.

https://github.com/user-attachments/assets/ec527750-b830-41e6-b3e5-c174a1c26311
(cherry picked from commit d6178cd)
kibanamachine added a commit that referenced this pull request May 29, 2025
…221930)

# Backport

This will backport the following commits from `main` to `9.0`:
- [Make option list with stats accessible with keyboard
(#221729)](#221729)

<!--- Backport version: 9.6.6 -->

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

<!--BACKPORT [{"author":{"name":"Sonia Sanz
Vivas","email":"sonia.sanzvivas@elastic.co"},"sourceCommit":{"committedDate":"2025-05-29T12:25:30Z","message":"Make
option list with stats accessible with keyboard (#221729)\n\nFixes
https://github.com/elastic/kibana/issues/219516\n\n## Summary\nThe
Transform plugin has some text fields that are not keyboard\naccessible
and those fields are using the `OptionListWithFieldStats`\ncomponent.
This PR adds the `onKeyDown` event for that component, fixing\nthe
problem for Transform
plugin.\n\n\n\n\nhttps://github.com/user-attachments/assets/ec527750-b830-41e6-b3e5-c174a1c26311","sha":"d6178cd680918d310502c48306dbc4b0936fced4","branchLabelMapping":{"^v9.1.0$":"main","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:skip","Feature:Transforms","backport:prev-minor","v9.1.0"],"title":"Make
option list with stats accessible with
keyboard","number":221729,"url":"https://github.com/elastic/kibana/pull/221729","mergeCommit":{"message":"Make
option list with stats accessible with keyboard (#221729)\n\nFixes
https://github.com/elastic/kibana/issues/219516\n\n## Summary\nThe
Transform plugin has some text fields that are not keyboard\naccessible
and those fields are using the `OptionListWithFieldStats`\ncomponent.
This PR adds the `onKeyDown` event for that component, fixing\nthe
problem for Transform
plugin.\n\n\n\n\nhttps://github.com/user-attachments/assets/ec527750-b830-41e6-b3e5-c174a1c26311","sha":"d6178cd680918d310502c48306dbc4b0936fced4"}},"sourceBranch":"main","suggestedTargetBranches":[],"targetPullRequestStates":[{"branch":"main","label":"v9.1.0","branchLabelMappingKey":"^v9.1.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/221729","number":221729,"mergeCommit":{"message":"Make
option list with stats accessible with keyboard (#221729)\n\nFixes
https://github.com/elastic/kibana/issues/219516\n\n## Summary\nThe
Transform plugin has some text fields that are not keyboard\naccessible
and those fields are using the `OptionListWithFieldStats`\ncomponent.
This PR adds the `onKeyDown` event for that component, fixing\nthe
problem for Transform
plugin.\n\n\n\n\nhttps://github.com/user-attachments/assets/ec527750-b830-41e6-b3e5-c174a1c26311","sha":"d6178cd680918d310502c48306dbc4b0936fced4"}}]}]
BACKPORT-->

Co-authored-by: Sonia Sanz Vivas <sonia.sanzvivas@elastic.co>
SoniaSanzV added a commit that referenced this pull request May 30, 2025
…#221951)

# Backport

This will backport the following commits from `main` to `8.19`:
- [Make option list with stats accessible with keyboard
(#221729)](#221729)

Done manually due merge conflicts
@mistic
Copy link
Contributor

mistic commented Jun 3, 2025

This PR didn't make it into the latest 9.0.2 BC. Updating the labels.

@mistic mistic added v9.0.3 and removed v9.0.2 labels Jun 3, 2025
zacharyparikh pushed a commit to zacharyparikh/kibana that referenced this pull request Jun 4, 2025
Fixes elastic#219516

## Summary
The Transform plugin has some text fields that are not keyboard
accessible and those fields are using the `OptionListWithFieldStats`
component. This PR adds the `onKeyDown` event for that component, fixing
the problem for Transform plugin.




https://github.com/user-attachments/assets/ec527750-b830-41e6-b3e5-c174a1c26311
nickpeihl pushed a commit to nickpeihl/kibana that referenced this pull request Jun 12, 2025
Fixes elastic#219516

## Summary
The Transform plugin has some text fields that are not keyboard
accessible and those fields are using the `OptionListWithFieldStats`
component. This PR adds the `onKeyDown` event for that component, fixing
the problem for Transform plugin.




https://github.com/user-attachments/assets/ec527750-b830-41e6-b3e5-c174a1c26311
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

backport:version Backport to applied version labels Feature:Transforms Transforms release_note:skip Skip the PR/issue when compiling release notes v8.19.0 v9.0.3 v9.1.0

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Platform:StackManagement:Transforms:Create transform page]Inaccessible Group by and Aggregations fields via keyboard

6 participants