New to KendoReact? Start a free 30-day trial
Keyboard Navigation
Keyboard Shortcuts
When k-colorpicker element is focused
| Shortcut | Behavior |
|---|---|
Alt/Opt(Mac) Down | Opens pop up |
Enter | Opens pop up |
Alt/Opt(Mac) Up or Esc | Closes popup |
When focus is in the Popup
When opened, the Popup element uses Tab navigation to iterate over its inner elements. The focus remains trapped within the Popup. The inner elements (ColorPlatte, ColorGradient and Buttonss implement their own specification).
| Shortcut | Behavior |
|---|---|
Esc | Closes Popup and moves focus back to k-colorpicker element. |
Tab | Navigates to the next focusable element in the Popup. If current focus is on the last element, moves focus to the first focusable item in the Popup. |
Shift + Tab | Navigates to the previous focusable element in the Popup. If current focus is on the first element, moves focus to the last focusable item in the Popup. |
Enter | For button items, executes the currently focused button action. |
Resources
ARIA Authoring Practices: Combobox Pattern
Change Theme
Theme
Loading ...
Navigation Scenarios
When the popup of the ColorPicker is opened, it adopts the same keyboard shortcuts as the keyboard shortcuts of the ColorPalette and ColorGradient.