Error thrown in PopupService when opening KendoDropDownList

[Nicole]

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.

 

[Georgi Krustev]

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