Kendo-ui combobox list not displayed on google maps fullscreen

8 posts, 1 answers
  1. Thierry
    Thierry avatar
    5 posts
    Member since:
    Sep 2016

    Posted 03 May Link to this post

    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

  2. Nencho
    Admin
    Nencho avatar
    1646 posts

    Posted 05 May Link to this post

    Hello Thierry,

    I have tested the described issue, using the provided dojo example, however, the combobox seems to be visible at my end. Please refer to the following video, demonstrating the behavior 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 visualization (charts) and form elements.
  3. Thierry
    Thierry avatar
    5 posts
    Member since:
    Sep 2016

    Posted 05 May in reply to Nencho Link to this post

    Hello Nencho,

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

    Regards,

    Thierry

  4. Nencho
    Admin
    Nencho avatar
    1646 posts

    Posted 09 May Link to this post

    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' dropdownlist.

    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 dropdown to an element that is definatelly 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 map-options 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 visualization (charts) and form elements.
  5. Thierry
    Thierry avatar
    5 posts
    Member since:
    Sep 2016

    Posted 10 May in reply to Nencho Link to this post

    Hello,

     

    Thank you Nencho for your answer.

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

  6. Thierry
    Thierry avatar
    5 posts
    Member since:
    Sep 2016

    Posted 10 May in reply to Nencho Link to this post

    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

  7. Answer
    Nencho
    Admin
    Nencho avatar
    1646 posts

    Posted 12 May Link to this post

    Hello Thierry,

    You could add a k-options in the combobox 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 visualization (charts) and form elements.
  8. Thierry
    Thierry avatar
    5 posts
    Member since:
    Sep 2016

    Posted 15 May in reply to Nencho Link to this post

    Thank you Nencho ! 

    The solution works well

Back to Top