Popup on modal with appendTo=component closes on interaction

[Matt]

In our application, we recently updated to Angular 14, and our kendo-dropdown import is currently on version 7.2.0. 
With our multiselect dropdowns, we found a weird interaction - when we include [popupSettings]="{appendTo: 'component'}", the dropdown's popup activates when clicking the searchbar but clicking on it automatically closes the popup without an activation or change of state. When we force the popup to stay open by using preventDefault when OnClose is called, the functionality is present and works as expected (though it can never close).
When appendTo is set to its default/"root", the multiselect dropdown does work as intended. However, we are experiencing a bug akin to https://www.telerik.com/forums/overwrite-default-value-for-appendto-setting-of-a-popup where scrolling on a page before opening a dialog with a multiselect dropdown will result in the popup being misaligned. We are using Angular Material's MatDialog.

 

 

[Yanmario]

Hi Matthew,

An answer was provided to the submitted private support ticket. For public knowledge this is a known bug that is logged in our public GitHub repository:

https://github.com/telerik/kendo-angular/issues/3738

If there are any additional questions, please choose one thread to continue our conversation.

Regards,
Yanmario
Progress Telerik