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

Support form-floating from Bootstrap 5

Open cedk opened this issue 1 year ago • 6 comments

Closes #579

cedk avatar Feb 24 '25 16:02 cedk

Nice, thanks! Might want to specify in the docs how to use it, e.g.

  • wrap select element in div with class form-floating
  • add class form-control to the select element.
  • Then, after the select element, add a label.
  • Also link to Bootstrap examples.

Furthermore, with your CSS, I get this behavior, i.e. there is not enough vertical space for the label. image

This is because your padding-top in padding-bottom is overwritten by the TomSelect Bootstrap style .ts-wrapper.multi.has-items .ts-control.


However, adding form-select instead of form-control to the select element works like a charm and looks so nice ✨

form-floating-tom-select

Splines avatar Feb 27 '25 15:02 Splines

Any chance we could get this one merged? I'm happy to sign up as a maintainer to poke through the pull requests and merge if that helps.

ericscales avatar Apr 24 '25 01:04 ericscales

Anyone?

ericscales avatar Jun 03 '25 00:06 ericscales

@nwalters512 what's needed to get this one merged?

ericscales avatar Jun 03 '25 00:06 ericscales

@nwalters512 - trying again

ericscales avatar Jul 01 '25 18:07 ericscales

@ericscales at a minimum, this needs an example in the docs to illustrate how it looks/behaves.

nwalters512 avatar Jul 01 '25 19:07 nwalters512