select2-bootstrap4-theme icon indicating copy to clipboard operation
select2-bootstrap4-theme copied to clipboard

Published 20 hours ago • verified publisher icon ttskch

Design changes in upcoming Select2 4.1.0 release

Open kevin-brown opened this issue 4 years ago • 5 comments

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.

kevin-brown avatar May 02 '20 21:05 kevin-brown

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

hquick81 avatar Apr 19 '21 10:04 hquick81

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?

diesl avatar May 19 '21 20:05 diesl

+1

rob101 avatar Sep 24 '21 11:09 rob101

@ttskch Can you give some feedback please?

diesl avatar Oct 15 '21 13:10 diesl

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

alfonsrv avatar Feb 10 '22 10:02 alfonsrv