Accessibility - Keyboard control

[Jan]

Hello,

 

I need to control my sortable list with the keyboard. As far as I know there is no such function implemented in the current sortable widget, right? I just tried the following to extend it by myself, but there is a problem:

1. Go to the demo: http://demos.telerik.com/aspnet-core/sortable/index
2. Add a tabindex="0" to each <li> tag
3. Add a keydown event to either the ul or the li
   • $(document).on('keydown', '#sortable-basic', function (e) { console.log('1', e); });
   • $(document).on('keydown', '#sortable-basic li', function (e) { console.log('2', e); });
4. Now focus a li and press a key. You will see that the event is not triggered by any letter or arrow key, but just on ctrl, tab, shift ... In my case I want to sort the items by holding the ALT key + arrow left/right.

Could you please help me with a working solution?

[Stefan]

Hello Jan,

If the desired result is to have a reorderable list with keyboard navigation, I can suggest using the new ListBox widget which supports it out of the box:

http://demos.telerik.com/aspnet-core/listbox/keyboard-navigation

As for the Sortable widget, I can suggest submitting a feature request in our feedback portal or contact our Professional Services team which is responsible for custom implementations:

http://kendoui-feedback.telerik.com/forums/127393-kendo-ui-feedback

https://www.progress.com/services/outsourcing/feature-customization

Regards,
Stefan
Progress Telerik