Autocomplete

[ngblaylock]

There is no autocomplete for Bootstrap 5, which is a bummer.

[ngblaylock]

Nice Select2

https://bluzky.github.io/nice-select2/

This is made with vanilla JS and seems to be a good choice, but it lacks virtualized lists and doesn't use chips with multiple selections. Instead it just says "2 Selected". Some CSS would need to be modified to fit in with Bootstrap 5. Not great support.

Choices.js

https://choices-js.github.io/Choices/

This project looks dead on GitHub with tons of issues. Maybe just because it is popular? Anyway, this looks like it would be a great option, but it is missing virtualized scrolling. Looks like you can easily set classes using bootstrap.

Tom Select

https://tom-select.js.org/examples/

My least favorite option

Use Bootstrap Select

https://use-bootstrap-select.js.org/#/demo/

I don't love how you have to type in the input itself, which often is after the selected item. I prefer to have the search in the dropdown like choices.js or Nice Select2.

SlimSelect.js

https://slimselectjs.com/

Looks reasonable, but no virtualization

[ngblaylock]

Requirements

• [ ] Vanilla JS
• [ ] Option Groups
• [ ] Disabled Option
• [ ] Clearable Option
  • [ ] Clearable chips as well
• [ ] Filterable option (autofocused inside dropdown)
• [ ] Add Custom option (like Vuetify combobox)
• [ ] Multi-select
  • [ ] Should stay open until escaped or closed
  • [ ] Show Closable Chips
  • [ ] Checkbox next to the selected item, or just use .active
• [ ] Virtualization