How can I make a chip list wrap?

[JohnL4]

How can I make a chip list wrap, particularly in a grid cell? I've noticed that <kendo-chip-list> generates a span with a display style of "inline-flex", which seems to make a one-row flexbox that goes shooting off to the right, past my window border. I have enough vertical space for a wrap and that's what I'd prefer.

I can leave off the <kendo-chip-list> element and just go straight to <kendo-chip *ngFor="...">, and that suits my purpose since I don't need to be able to select chips, but if I did, I'd be stuck.

I can also include <kendo-chip-list> and slap in a style="flex-wrap: wrap;", but that seems inelegant.

What have I missed?

[Hetali]

Hi John,

To wrap the Kendo UI ChipList in the Grid Cell, set the display to 'inline-block'. For example:

.k-chip-list {
  display: inline-block;
}

In this StackBlitz example, I have changed the display of the ChipList to 'inline-block' and it is wrapped within the Grid Cell.

Please let me know if this solution helps or if I can further assist you.

Regards,
Hetali
Progress Telerik

[JohnL4]

Nice, thanks!