TomSelect 1.7 & bootstrap 5 styles doesn't apply to input-group

[martinbarilik]

When using tom-select 1.7 and bootstrap 5 styles, input-group doesn't group the select ( tom-select has radius on both sides )

difference between working and not working down bellow

https://jsfiddle.net/mArtinko5MB/5jo2xc8u/14/

[martinbarilik]

One small thingy, three cases with input group.

Text / button prepends or appends, or both. In 1.7.1 works only for last case.

https://jsfiddle.net/mArtinko5MB/Lzpv0dys/7/

ps. no idea what's up with fiddle and loading sources, but 1.7.1 is messed up. Works in dev env.

[oyejorge]

Looks like the problem there is TomSelect not being initialized on a couple examples. Here's an updated example: https://jsfiddle.net/bsae1df7/

new TomSelect('.tom-select'); will only initialize the first DOM node with the .tom-select class.

[martinbarilik]

Okay, that is one thing.

as i was mentioning

https://jsfiddle.net/mArtinko5MB/rbdcwm86/2/

• the second example has no radius on the left side, probably missing some styles
• the selected option has padding top a pixel or two more then needed
• the more complicated thing is that when you click on select, it fills parent and therefore moves input-group elements to the next row, can we make it the same size whatever we are doing with it ?

[oyejorge]

the second example has no radius on the left side, probably missing some styles

gotcha. Should be fixed now

the selected option has padding top a pixel or two more then needed

sorry, I'm not seeing it?

the more complicated thing is that when you click on select, it fills parent and therefore moves input-group elements to the next row, can we make it the same size whatever we are doing with it ?

In this situation, I'd probably use the dropdown_input plugin

[martinbarilik]

padding top is causing the issue, it's like a very small space under the text when value is selected

with padding-top and without:

[oyejorge]

Well, now I know I need to get my eyes checked. It's clear as day now.

[martinbarilik]

:D No worries

[oyejorge]

ok, these should be all set with 1.7.2