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: Mark highlighted results with aria-selected select2/select2#5841
• aria-selected no longer reflects selected results and instead reflects the highlighted result: Mark highlighted results with aria-selected select2/select2#5841
• Clear/remove icons have been switched to use <button> tags instead of clickable <span> tags: Make the multi-select selection area more accessible select2/select2#5842
• The location of the clear button has been moved outside of the rendered selection area: Make the multi-select selection area more accessible select2/select2#5842
• The location of the search box on a multiple select has been moved outside of the rendered selection area: Make the multi-select selection area more accessible select2/select2#5842
• Selected choices in a multiple select are no longer aligned using CSS float: Make the multi-select selection area more accessible select2/select2#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.