This is a migrated thread and some comments may be shown as answers.

Keyboard controls don't work when using open() api

3 Answers 61 Views
DropDownList
This is a migrated thread and some comments may be shown as answers.
Greg
Top achievements
Rank 1
Greg asked on 21 Sep 2016, 09:00 PM

I'm using the server dropdown list in a kendo window that opens when the user does an action. I have the dropdownlist control open when the window opens by using 

dropdownlist.open();

but the keyboard controls (arrow keys) aren't working for it even if I put focus on it using

$('.dropdown').find('.k-textbox')[0].focus();

Any idea how to do it? I see that this also doesn't work in your demo here http://dojo.telerik.com/OZixO.

 

Thanks!

3 Answers, 1 is accepted

Sort by
0
Stefan
Telerik team
answered on 23 Sep 2016, 06:03 AM
Hello Greg,

The Kendo UI DropDownLIst supports a focus method out of the box. After I used it in the provided example, the keyboard controls are working as expected:

http://docs.telerik.com/kendo-ui/api/javascript/ui/dropdownlist#methods-focus

http://dojo.telerik.com/uLiFA

I hope this is helpful.

Regards,
Stefan
Telerik by Progress
 
Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
 
0
Greg
Top achievements
Rank 1
answered on 23 Sep 2016, 06:09 PM

Hey Stefan,

I've tried that and It doesn't work when I put the dropdown into a window. Here is an example I quickly threw together. 
http://dojo.telerik.com/uLiFA/6

0
Stefan
Telerik team
answered on 27 Sep 2016, 12:41 PM
Hello Greg,

This is a timing issue caused by the animation of the Kendo UI Windo. I can suggest using the activate event of the Window to ensure that the animation will be complete:

http://docs.telerik.com/kendo-ui/api/javascript/ui/window#events-activate 

Another option can be to disable the animation by using the animation property of the Window:

http://docs.telerik.com/kendo-ui/api/javascript/ui/window#configuration-animation

I modified the example to works as expected by using the activate event:

http://dojo.telerik.com/OjePU

Regards,
Stefan
Telerik by Progress
 
Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
 
Tags
DropDownList
Asked by
Greg
Top achievements
Rank 1
Answers by
Stefan
Telerik team
Greg
Top achievements
Rank 1
Share this question
or