tom-select
tom-select copied to clipboard
Invalid layout for input group
trafficstars
Invalid layout for input group Using input group style, the button on the left and right are not aligned when texts are in multiple lines.
To Reproduce
- Create a select list within a input group.
- Add a left and right button.
- Enter multiple values so in take more than 1 line.
- The buttons are not aligned as picture below:

Expected behavior The buttons must be aligned.
Adding nowrap to the input-group to would fix it but that changes the bootstrap defaults
.input-group {
flex-wrap: nowrap;
}
It's possible to add the BS flex-nowrap style to the input-group in the markup, e.g., <div class="input-group flex-nowrap></div>; that'll at least look decent.
Thanks, that seems like an appropriate solution.