2 line kendoMultiSelectItemTemplate with Virtualization.

[Alex]

Hi all.
There is a large array of data, so I use virtualization.
The element needs to have 2 lines; if I do this, the styles break.
https://stackblitz.com/edit/angular-rgcbjk?file=src%2Fapp%2Fapp.comComponent.ts
Moreover, if you remove virtualization, everything is ok.

[Martin]

Hi Alex,

When virtualization is enabled, the itemHeight needs to be set to ensure a smooth scrolling (in this example, this is 28px). Using a custom template and <br> tag for the item text, requires a bigger height, but since the itemHeight is set, the text is overlapped.

Set the itemHeight to a bigger value in order to avoid overlapping the text:

https://stackblitz.com/edit/angular-rgcbjk-41uqdh?file=src%2Findex.html,src%2Fapp%2Fapp.component.ts

Regards,
Martin
Progress Telerik

[Alex]

To enable the virtual scrolling, pass a VirtualizationSettings object to the virtual input property and specify the desired itemHeight.