Set the element which combo box uses to teleport to.

[Dan]

Currently using ComboBox, When you select it and a drop down appears, I see you are using Teleport and appending it to the end of the body.

Are you able to either:

1. Set a prefix for kendo to use on all its CSS classes as to stop vendor conflicts (using other kendo ui products in ASP for example) OR
2. Choose which element Kendo uses for its teleports.
   

[Filip]

Hi, Dan,

Currently setting a prefix to use all its CSS classes is not supported, however, I can recommend using scoped styles instead in order to avoid conflicts:

https://vue-loader.vuejs.org/guide/scoped-css.html

As for choosing which element is used for its teleports, such a mechanism is currently not available. The `appendTo` prop would help in this case, however, it cannot be set currently which is a known issue:

https://github.com/telerik/kendo-vue/issues/483

Regards,
Filip
Progress Telerik

[Dan]

Thanks for the reply Filip,

Scoping will not work in this case since its a component library to be used within an ASP project - Not to mention with the teleport (AppendTo) being outside of the scoped application.

The conflicts are within 2 separate versions of the KendoUI Library. One using display inline and one using display flex.
this would be a simple fix if the appendTo was working as intended since I have prefixed the entire application, However with the dropdown porting to the end of body its outside of the prefix scope.

[Filip]

Hi, Dan,

Thank you for the additional information, in your case scoped CSS will not work indeed. I have raised the priority of the `appendTo` prop issue and we will try to resolve it as soon as possible.

Regards,
Filip