Kendo-ui combobox list not displayed on google maps fullscreen

[Thierry]

Hello,

 

In our app we use google maps and we have embedded forms with some kendo combobox, numeric textbox, buttons...

When I open the map fullscreen mode, the combobox list is not displayed.

This only happens with Firefox and Internet Explorer. Chrome is OK

 

Here is a dojo.telerik which shows the problem : http://runner.telerik.io/fullscreen/@tdf/eZOgA/5

Thanks in advance

[Nencho]

Hello Thierry,

I have tested the described issue, using the provided dojo example, however, the seems to be visible at my end. Please refer to the following video, demonstrating the at my end:

https://www.screencast.com/t/b7pHBG6Y

Please let me know if I am missing something or doing anything wrong.

Regards,
Nencho
Telerik by Progress

[Thierry]

Hello Nencho,

The problem is only appears in fullscreen mode of Google Maps and only for firefox and internet explorer.

Regards,

Thierry

[Nencho]

Hello Thierry,

I was able to replicate the described issue and it is caused by the fact that many google maps canvas are painted on top of the ComboBox' .

Fortunately, the ComboBox possess a Client API which allows you to overcome this issue. You can use the popup appendTo option and specify the element to which the dropdown should be appended. Hence you will avoid the default layout and render/append the to an element that is  visible:

http://docs.telerik.com/kendo-ui/api/javascript/ui/combobox#configuration-popup.appendTo

Also, please refer to the dojo example below, which uses the appendTo option and the element:

http://runner.telerik.io/fullscreen/uKUWeg/5

Regards,
Nencho
Telerik by Progress

[Thierry]

Hello,

 

Thank you Nencho for your answer.

Out app is an angular app and I don't understa     

[Thierry]

Hello,

Thank you Nencho for your answer !

Our app is an angular application using the kendo directives. I don't understand how I can set the appendTo option in an angular way.

 

I tried to set the popup appendTo later (after a click somewhere)

I tried to find a k-popup option on the kendo-combo-box directive

 

Here is an updated dojo exemple :

http://dojo.telerik.com/@tdf/uXEJo/5

 

Thank you in advance !

Regards,

Thierry

[Nencho]

Hello Thierry,

You could add a k-options in the  implementation and set the previously demonstrated popup appendTo options. Please find the modified dojo example below:

http://dojo.telerik.com/@nenchef/ATOHi/7

Regards,
Nencho
Telerik by Progress

[Thierry]

Thank you Nencho ! 

The solution works well