wise-old-man icon indicating copy to clipboard operation
wise-old-man copied to clipboard

Using enter, arrow & escape keys on search field

Open MathieuDR opened this issue 5 years ago • 2 comments

A few suggestions to make the search field more accessible and keyboard-friendly

  • Escape should "Cancel" the search
  • Arrow keys should iterate through the list of results ( a kind of hover effect)
  • Enter should select the first, or selected item with the arrow keys.

Doing this will completely make the search field usable through the keyboard.

Kind of related to #193

MathieuDR avatar Jun 10 '20 10:06 MathieuDR

Points 2 and 3 seem to work already. Point 1 just needs a key capture in AutoSuggestInput.

Jakesterwars avatar Nov 16 '20 04:11 Jakesterwars

Points 2 and 3 only work for the AutoSuggestInput component, but not for the Selector (with search) component

psikoi avatar Nov 16 '20 10:11 psikoi

Added in the new beta website https://beta.wiseoldman.net/

I'll consider it done as it'll eventually be live in production. Closing.

psikoi avatar Sep 13 '23 10:09 psikoi