AutoComplete Dropdown List is not selectable

2 posts, 0 answers
  1. Bulut
    Bulut avatar
    25 posts
    Member since:
    Dec 2016

    Posted 14 Mar 2018 Link to this post


    I am trying to implement kendo autocomplete on google maps. Normally it works fine but when I make the map full screen then autocomplete dropdown list is not selectable anymore. I tried to change the z-index but didn't work. Any ideas?


    Here is my sample fiddle.

  2. Magdalena
    Magdalena avatar
    487 posts

    Posted 15 Mar 2018 Link to this post

    Hello Bulut,

    Kendo AutoCompleteBox popup is rendered outside google map as a last child of the body element. When the map is full screen, elements outside the map cannot be selected/hovered. As a workaround you can move the k-popup element into google map on its open event, so all its items events will be available. We are sending you this modified jsfiddle sample for your reference.

    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top