Design changes in upcoming Select2 4.1.0 release

[kevin-brown]

Hi there, this appears to be a frequently used theme for Select2 and I wanted to give you a heads up about upcoming changes to the Select2 CSS/HTML in the next, release 4.1.0. The release date for this theme has not yet been determined, but we are about to roll 4.1.0-beta.1 which features many of these changes.

• Dedicated classes have been introduced to handle highlights instead of only using ARIA attributes: https://github.com/select2/select2/pull/5841
• aria-selected no longer reflects selected results and instead reflects the highlighted result: https://github.com/select2/select2/pull/5841
• Clear/remove icons have been switched to use <button> tags instead of clickable <span> tags: https://github.com/select2/select2/pull/5842
• The location of the clear button has been moved outside of the rendered selection area: https://github.com/select2/select2/pull/5842
• The location of the search box on a multiple select has been moved outside of the rendered selection area: https://github.com/select2/select2/pull/5842
• Selected choices in a multiple select are no longer aligned using CSS float: https://github.com/select2/select2/pull/5842

While many of these should not significantly impact the display of this theme, some of these are going to require modifying the existing CSS to make it look Boostrap-like again. Unfortunately we do not believe that these changes are able to be made backwards-compatible with existing versions of Select2, largely because of the HTML changes that forced the multiple select to be rendered differently.

Feel free to reach out to us about any bugs you encounter or questions you have about these changes.

[hquick81]

Any update on this ? When can we expect the changes to be merged ?

[diesl]

Any update on this ? When can we expect the changes to be merged ?

I would like to know this too. What is the plan for being compatible with select2 v4.1 again?

[rob101]

+1

[diesl]

@ttskch Can you give some feedback please?

[alfonsrv]

Multi-select doesn't work properly. With select2 4.1.0 and the latest release from this repo, it still renders like this: https://github.com/ttskch/select2-bootstrap4-theme/issues/71