Error thrown in PopupService when opening KendoDropDownList

2 posts, 0 answers
  1. Joe
    Joe avatar
    3 posts
    Member since:
    Aug 2016

    Posted 01 Sep Link to this post

    We're currently running a mixed environment with both Kendo for Jquery and Kendo for Angular. I'm currently trying to implement a DropDownList and continually get the attached error when attempting to open the dropdown. We have ran into some other issues related to the Kendo for Angular controls attempting to use the Kendo for Jquery css but have found a workaround for that at the moment. Could this be css related or is there something else that we need to be looking at?

    Thanks in advance.

     

  2. Georgi Krustev
    Admin
    Georgi Krustev avatar
    3724 posts

    Posted 05 Sep Link to this post

    Hello Joe,

    In general, the Kendo Popup component for Angular attempts to append its element at the root component level. If the ViewContainerRef instance of the root component cannot be found then an error will be thrown.

    What I can suggest is to try to define the popup container explicitly as it is shown here:

    http://www.telerik.com/kendo-angular-ui/components/popup/api/POPUP_CONTAINER/

    The other option is to try to append the Popup inside the DropDownList using popupSettings.appendTo option:
    [popupSettings]="{ appendTo: 'component' }"

    http://plnkr.co/edit/q7GkFBQV3bvMXEyXk4EV?p=preview

    Please note that the appendTo option is still not officially released, but it is a matter of days to be out.

    Let me know if any of the provided solutions help to resolve the issue.

    Regards,
    Georgi Krustev
    Progress Telerik
    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.
Back to Top