Tom Select is a lightweight (~16kb gzipped) hybrid of a textbox and select box. Forked from selectize.js to provide a framework agnostic autocomplete widget with native-feeling keyboard navigation. Useful for tagging, contact lists, etc.
This PR addresses some strange behavior I saw around bootstrap 5 styling.
Fixes
Case 1: Border Highlight
If the classes form-select or form-control were applied to the wrapper, then the highlight box around the select would be slightly thinner than should be.
The issue was not present if form-select or form-control were not provided.
Case 2
When form-select and form-control are omitted the border only changes color when clicked, and no icon is present.
Case 3
When form-select and form-control are present, the highlight box does not appear when focused
Broken?
My changes are not perfect, as for example:
When you have a validity class but no form-select or form-control, you won't see the icon
I don't use sass very often, so open to improvements, but figured I'd give it a first shot. Let me know what you think!
This PR addresses some strange behavior I saw around bootstrap 5 styling.
Fixes
Case 1: Border Highlight
If the classes
form-selectorform-controlwere applied to the wrapper, then the highlight box around the select would be slightly thinner than should be.The issue was not present if
form-selectorform-controlwere not provided.Case 2
When
form-selectandform-controlare omitted the border only changes color when clicked, and no icon is present.Case 3
When
form-selectandform-controlare present, the highlight box does not appear when focusedBroken?
My changes are not perfect, as for example:
form-selectorform-control, you won't see the iconI don't use sass very often, so open to improvements, but figured I'd give it a first shot. Let me know what you think!