search

elastic / kibana

Your window into the Elastic Stack
https://www.elastic.co/products/kibana
Other
19.61k stars 8.22k forks source link

[Accessibility] Keyboard controls on `textareas` with dropdowns #196001

Open nickofthyme opened 3 weeks ago

nickofthyme commented 3 weeks ago

The keyboard interaction feels strange on the unified search input. Anytime I am in a long textarea element I often use ⌘ + shift + ↓ or ⌘ + shift + ↑ to jump to the start or end of the text. In this case, ⌘ + shift + ↑ works fine but ⌘ + shift + ↓ does nothing to the location of the cursor in the textarea content.

Steps to reproduce

  1. Open discover with any sample dataset
  2. Type a long query in the KQL search bar
  3. With the text area open, try to navigate the text of the input using keyboard ↑, →, ↓ & ← arrows.
  4. Notice when going down, the cursor is not properly moved in the text area input. Rather the down controls the focused option from the list.

https://github.com/user-attachments/assets/806f4497-a96a-457d-a79b-916fabe97c73

Actual Result The down arrow always controls the selection of the hovered item in the dropdown.

Expected Result The down arrow traverses the text input until it is at the bottom at which point it could break away to control the selection from a list of options.

Kibana Version:

8.16 and before

Browser:

Chrome -- Version 129.0.6668.90 (Official Build) (arm64)

elasticmachine commented 3 weeks ago

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