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

4 posts, 0 answers
  1. Greg
    Greg avatar
    5 posts
    Member since:
    Apr 2013

    Posted 21 Sep Link to this post

    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!

  2. Stefan
    Admin
    Stefan avatar
    274 posts

    Posted 23 Sep Link to this post

    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.
     
  3. Kendo UI is VS 2017 Ready
  4. Greg
    Greg avatar
    5 posts
    Member since:
    Apr 2013

    Posted 23 Sep in reply to Stefan Link to this post

    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

  5. Stefan
    Admin
    Stefan avatar
    274 posts

    Posted 27 Sep Link to this post

    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.
     
Back to Top
Kendo UI is VS 2017 Ready