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

[Greg]

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!

[Stefan]

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

 

 

[Greg]

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

[Stefan]

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