kendo-react icon indicating copy to clipboard operation
kendo-react copied to clipboard

Published 20 hours ago • verified publisher icon telerik

Make ColumnMenu accessible via the keyboard keys

Open filipKovachev opened this issue 2 years ago • 4 comments

Make ColumnMenu accessible via the keyboard keys. Ticket ID: 1557959

filipKovachev avatar Mar 21 '22 11:03 filipKovachev

requested again in 1558975 rasing priority.

simonssspirit avatar Mar 25 '22 06:03 simonssspirit

requested again in 1585026

filipKovachev avatar Nov 01 '22 10:11 filipKovachev

Requested again in 1595793

filipKovachev avatar Feb 01 '23 14:02 filipKovachev

Requested again in Ticket ID: 1622722

vveesseelliinnaa avatar Sep 08 '23 06:09 vveesseelliinnaa

Added in the latest 'dev' version of KendoReact - https://stackblitz.com/edit/react-zx8qbz-evpbyy?file=app%2Fmain.tsx,package.json Here are the new interactions:

  • "Alt + Down Arrow" - Opens the ColumnMenu Popup when focus is on the Grid header cell or on the main column menu button (depending on whether the Grid is navigable or not). Focus is trapped and wrapped within the Popup.
  • "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 column menu items, executes the currently focused item action. If item is expandable, expands or collapses the item."
  • "Escape" - "Closes the ColumnMenu Popup and returns focus to the header cell or the main button."

zdravkov avatar Apr 10 '24 06:04 zdravkov