iPad - Selecting an option in a dropdown menu also selects things behind it

2 posts, 0 answers
  1. Kjell
    Kjell avatar
    283 posts
    Member since:
    Jun 2010

    Posted 15 Mar 2012 Link to this post

    When a dropdown menu overlaps another control, selecting an option will also execute the click command of that control.  This applies to the combobox and autocomplete as well.

    To duplicate:

    1. go to the dropdownlist demo
    2. click on the "Cap Size" menu
    3. select "M - 7 1/4" by putting your finger on the text
    4. This will also click on the "customize" button

    This is probably just part of dealing with touch devices, but I am wondering if you can give some suggestions for a work around.  I was thinking maybe disabling other controls when the menu is open and then re-enabling them.  I'm going to play around with it but just wanted to get any ideas Telerik support or the community might have.
  2. Georgi Krustev
    Georgi Krustev avatar
    3747 posts

    Posted 19 Mar 2012 Link to this post

    Hello Kjell,

    This issue is caused, because the end-user selects an item on "touchend" event. The popup is closed when the click event is raised and that is why the element under the popup is clicked. You can overcome this issue with disabling the elements under the popup or with adding an overlay under the popup.

    All the best,
    Georgi Krustev
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top