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

Error thrown in PopupService when opening KendoDropDownList

1 Answer 212 Views
DropDownList
This is a migrated thread and some comments may be shown as answers.
Nicole
Top achievements
Rank 1
Nicole asked on 01 Sep 2017, 04:04 PM

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.

 

1 Answer, 1 is accepted

Sort by
0
Georgi Krustev
Telerik team
answered on 05 Sep 2017, 10:02 AM
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.
Tags
DropDownList
Asked by
Nicole
Top achievements
Rank 1
Answers by
Georgi Krustev
Telerik team
Share this question
or