tom-select icon indicating copy to clipboard operation
tom-select copied to clipboard

Invalid layout for input group

Open laurentmuller opened this issue 3 years ago • 1 comments
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:

image

Expected behavior The buttons must be aligned.

laurentmuller avatar Jun 20 '22 05:06 laurentmuller

Adding nowrap to the input-group to would fix it but that changes the bootstrap defaults

.input-group {
  flex-wrap: nowrap;
}

oyejorge avatar Jun 20 '22 17:06 oyejorge

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.

bazineta avatar Sep 05 '22 23:09 bazineta

Thanks, that seems like an appropriate solution.

oyejorge avatar Sep 19 '22 22:09 oyejorge