stable

Clone or download

Read-only

Keyboard navigation in list-pickers

[bonus] We do not need to double click outside a list picker with stuff in the search input to close the dropdown anymore. part of: story #16645 have searchable (multi) select boxes with (static binding, no dependencies) How to test: - Open a list picker - Hover the items with your pointer --> Hovered items are highlighted - Stop on an item, then play with the up and down arrows --> You are able to browse up/down the items --> The list auto scrolls smoothly when the item to be highlighted is outside the viewport (to be tested with list-pickers with grouped options aswell -> e.g the tracker selector in the modal V1) - Hit the enter key --> The last highlighted item is selected --> Artifact forms are not submitted automatically Change-Id: I83a99c8280a00f0033ffb26d7dbf6c9922a70ec8

Modified Files

Name
M src/scripts/list-picker/src/helpers/DropdownToggler.test.ts +0 −3 Go to diff View file
M src/scripts/list-picker/src/helpers/DropdownToggler.ts +0 −5 Go to diff View file
M src/scripts/list-picker/src/helpers/EventManager.test.ts +124 −5 Go to diff View file
M src/scripts/list-picker/src/helpers/EventManager.ts +142 −15 Go to diff View file
A src/scripts/list-picker/src/helpers/keys-helper.test.ts +84 −0 Go to diff View file
A src/scripts/list-picker/src/helpers/keys-helper.ts +60 −0 Go to diff View file
A src/scripts/list-picker/src/helpers/list-item-finder.test.ts +87 −0 Go to diff View file
A src/scripts/list-picker/src/helpers/list-item-finder.ts +66 −0 Go to diff View file
M src/scripts/list-picker/src/list-picker.ts +11 −1 Go to diff View file
A src/scripts/list-picker/src/navigation/KeyboardNavigationManager.test.ts +135 −0 Go to diff View file
A src/scripts/list-picker/src/navigation/KeyboardNavigationManager.ts +114 −0 Go to diff View file
A src/scripts/list-picker/src/navigation/ListItemHighlighter.ts +59 −0 Go to diff View file
A src/scripts/list-picker/src/navigation/ListItemNavigationHighlighter.test.ts +76 −0 Go to diff View file
M src/themes/FlamingParrot/css/utils/_list-picker.scss +2 −2 Go to diff View file
M src/themes/tlp/src/scss/components/_forms.scss +2 −2 Go to diff View file