Hi,
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.
1 Answer, 1 is accepted
0
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.
Regards,
Magdalena
Progress Telerik
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.
Regards,
Magdalena
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.