Skip to content

Have a way for the MultiSelectComboBox to collapse all the chips into the overflow stack #7403

Description

@mlindfors

Describe your motivation

Before vaadin/web-components#4821 happened, the Multi-Select Combo Box collapsed all the chips into the overflow stack in certain situations. After the change there will always be one chip expanded out. This is a problem if and when the component needs to be very narrow: the chip is clashing with the dropdown opening caret, and in the worst case can actually just push out of the component field. Something like this just shouldn't happen:
Image

Describe the solution you'd like

Add back the option of collapsing all the chips into the overflow stack. I see this was mentioned in the original issue, but I suppose nobody has asked for the option until now.
In picture form, make it an option to bring back this behaviour:
Image

Describe alternatives you've considered

There doesn't seem to be a viable way of working around the problem. Setting the chip minimum width to something very small with --vaadin-multi-select-combo-box-chip-min-width helps with the chip pushing out of the field, but you end up with a completely useless chip, and an overflow stack always showing a number one smaller than the actual amount of selected items.

Additional context

No response

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Fields

    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions