Open laurentmuller opened 2 years ago
I've added this SCSS as a workaround and a flex-nowrap
with input-group
class.
.input-group > .select2-container--bootstrap4 {
width: auto;
flex: 1 1 auto;
min-width: 0;
.select2-selection--single,
.select2-selection--multiple {
height: 100%;
line-height: inherit;
padding: 0.5rem 1rem;
.select2-selection__choice {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 100%;
}
}
}
@rafael-perini it is in the final version???
I don't have access to the project I was working on @arcanisgk, but I don't think it is anymore. Yet, I'm not sure if the issue was fixed.
When using select2 with multi select, input-group and the total length of items is smaller than the form group, the prepend and append groups are aligned correctly:
But if more items are added, the prepend and append groups move to a new line: