Customizing MultiSelectComboBox, only overflow and no chips

General
1

Hello guys.
I have filter in column with MultiSelectComboBox in my grid, but column has too small width.
So in my case it’s convinient for me if:

  • no chips with item name in filter field. I can off them by this API
vaadin-multi-select-combo-box.hide-chips::part(chips) {
    display: none !important;
}
  • overflow chip will appear if I choose at least 1 item (don’t understand how)
  • overflow chip will count/show all chosen chips, now it shows n-1 chips quantity (don’t understand how)

Is it possible or I need to write custom component?

I use Vaadin 24.7, and take api from here - Styling the Multi-Select Combo Box component | Vaadin

2

We had a request for the same feature in Expert Chat just the other day. We didn’t find any good workaround but there’s now a feature request ticket for the case: Have a way for the MultiSelectComboBox to collapse all the chips into the overflow stack · Issue #7403 · vaadin/flow-components · GitHub

3

Thank you,

Great that I’m not the only one who thinks it would be a good idea.

4

Please add a :+1: reaction to the description in that issue – we use those to gauge interest in requested features.