This is a migrated thread and some comments may be shown as answers.

Kendo-ui combobox list not displayed on google maps fullscreen

7 Answers 130 Views
ComboBox
This is a migrated thread and some comments may be shown as answers.
Thierry
Top achievements
Rank 1
Thierry asked on 03 May 2017, 04:23 PM

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

7 Answers, 1 is accepted

Sort by
0
Nencho
Telerik team
answered on 05 May 2017, 12:04 PM
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
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data (charts) and form elements.
0
Thierry
Top achievements
Rank 1
answered on 05 May 2017, 12:14 PM

Hello Nencho,

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

Regards,

Thierry

0
Nencho
Telerik team
answered on 09 May 2017, 11:27 AM
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
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data (charts) and form elements.
0
Thierry
Top achievements
Rank 1
answered on 10 May 2017, 08:42 AM

Hello,

 

Thank you Nencho for your answer.

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

0
Thierry
Top achievements
Rank 1
answered on 10 May 2017, 08:50 AM

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

0
Accepted
Nencho
Telerik team
answered on 12 May 2017, 07:59 AM
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
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data (charts) and form elements.
0
Thierry
Top achievements
Rank 1
answered on 15 May 2017, 09:42 AM

Thank you Nencho ! 

The solution works well

Tags
ComboBox
Asked by
Thierry
Top achievements
Rank 1
Answers by
Nencho
Telerik team
Thierry
Top achievements
Rank 1
Share this question
or