stable
Clone or download
request #18440 User should be able to navigate among list-pickers using tab
How to test: - In the tlp documentation, go to the list-picker section - click above a listpicker, then press Tab --> The list-picker has the focus - Press Enter --> The dropdown opens --> The search field in the list-picker has now the focus --> You can browse the values using key up/down and select - Now select a value and press Enter --> The dropdown closes --> The list-picker has the focus - Press Tab --> The next one has the focus - Press enter, start to enter a query in the search field - Now press Tab --> The dropdown closes --> The next list-picker has the focus - Press shift + tab --> The previous list-picker has the preview Now go to the multi list-picker section and do the same test again --> Same expectations Note: When a multiple list-picker is in the focused state, it means that the search input in the selection element has the focus. Change-Id: I8bdfa006dd672bbc461a67e6d9ec81894a7c7a3f
Modified Files
| Name | ||||
|---|---|---|---|---|
| M | src/scripts/list-picker/src/dropdown/DropdownManager.test.ts | +20 | −25 | Go to diff View file |
| M | src/scripts/list-picker/src/dropdown/DropdownManager.ts | +6 | −6 | Go to diff View file |
| M | src/scripts/list-picker/src/events/EventManager.test.ts | +45 | −3 | Go to diff View file |
| M | src/scripts/list-picker/src/events/EventManager.ts | +25 | −13 | Go to diff View file |
| M | src/scripts/list-picker/src/helpers/keys-helper.test.ts | +38 | −6 | Go to diff View file |
| M | src/scripts/list-picker/src/helpers/keys-helper.ts | +12 | −0 | Go to diff View file |
| M | src/scripts/list-picker/src/list-picker.ts | +11 | −3 | Go to diff View file |
| A | src/scripts/list-picker/src/navigation/FieldFocusManager.test.ts | +104 | −0 | Go to diff View file |
| A | src/scripts/list-picker/src/navigation/FieldFocusManager.ts | +46 | −0 | Go to diff View file |
| M | src/scripts/list-picker/src/renderers/BaseComponentRenderer.ts | +5 | −1 | Go to diff View file |
| M | src/scripts/list-picker/src/type.ts | +1 | −1 | Go to diff View file |