Merge pull request #5975 from select2/develop

Release Select2 4.1.0-rc.0

CHANGELOG.md

@@ -4,7 +4,7 @@
 
 ### Breaking changes
 
-* The minimum jQuery version supported is the latest version in the 1.x, 2.x, and 3.x series (#5225)
+* The minimum jQuery version supported is the latest version in the 1.x, 2.x, and 3.x series (#5525, #5955)
 * Removed support for legacy Internet Explorer (versions older than IE 11) (#5834)
 * Removed modules deprecated in 4.0.0 (#5815)
   * Removed legacy support for `<input />` tags
@@ -19,24 +19,31 @@
 * The `containerCssClass` option has been renamed to `selectionCssClass` (#5815, #5847)
 * Significant changes to the HTML/CSS for the selection area impacting custom themes (#5842)
 * New CSS classes for the dropdown results to better target highlighted / selected results (#5841)
+* The search box in the selection area for multiple selects has been changed from an `<input />` to a `<textarea>` to support pasting multiple lines (#5806)
+* Change tab key to select the currently highlighted option instead of just closing (#5759)
+* Tags will be highlighted first in the results even if other options have been selected (#5812)
 
 ### New features / improvements
 
 * `dropdownCssClass` and `selectionCssClass` are now available in all builds of Select2 (#5815)
 * Calls to get the currently selected options are now considerably faster on large datasets (#5775)
 * Selected results in the dropdown should now be properly announced to screen readers (#5841)
-* Significant improvements were made to make the selection area accessible (#5842)
+* Significant improvements were made to make the selection area accessible (#5824, #5842, #5916, #5942, #5973)
+* Allow pasting multiple lines into the search field for tokenization (#5806)
 
 ### Bug fixes
 
 * Resize the selection search on close to properly display the placeholder (#5766)
 * Change internal data ID generation to be more unique and prevent conflicts with numeric IDs (#5840)
 * Internet Explorer 11 no longer steals focus of search box while tagging (#5842)
+* Fix slow memory leak caused by not clearing cache on destroy (#5965)
 
 ### Translations
 
 * Add Esperanto translation (`eo`) (#5823)
 * Add Punjabi translations (`pa`) (#5831)
+* Add Telugu translations (`te`) (#5881)
+* Updated Hungarian translations (`hu`) for 4.1.0 changes (#5970)
 
 ### Miscellaneous
 

README.md

@@ -46,6 +46,7 @@ Third party developers have created plugins for platforms which allow Select2 to
 
 Plugins
 
+* [Backdrop CMS][backdrop-cms] - [backdrop-select2]
 * [Django]
   - [django-autocomplete-light]
   - [django-easy-select2]
@@ -132,6 +133,8 @@ Support this project with your organization. Your logo will show up here with a
 [releases]: https://github.com/select2/select2/releases
 
 [angularjs]: https://angularjs.org/
+[backdrop-cms]: https://backdropcms.org/
+[backdrop-select2]: https://backdropcms.org/project/select2
 [bootstrap3]: https://getbootstrap.com/
 [bootstrap4]: https://getbootstrap.com/
 [django]: https://www.djangoproject.com/

component.json

@@ -2,7 +2,7 @@
   "name": "select2",
   "repo": "select/select2",
   "description": "Select2 is a jQuery based replacement for select boxes. It supports searching, remote data sets, and infinite scrolling of results.",
-  "version": "4.1.0-beta.1",
+  "version": "4.1.0-rc.0",
   "demo": "https://select2.org/",
   "keywords": [
     "jquery"

dist/css/select2.css

@@ -46,7 +46,14 @@
     font-size: 100%;
     margin-top: 5px;
     margin-left: 5px;
-    padding: 0; }
+    padding: 0;
+    max-width: 100%;
+    resize: none;
+    height: 18px;
+    vertical-align: bottom;
+    font-family: sans-serif;
+    overflow: hidden;
+    word-break: keep-all; }
     .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
       -webkit-appearance: none; }
 
@@ -188,23 +195,35 @@
   border-radius: 4px;
   cursor: text;
   padding-bottom: 5px;
-  padding-right: 5px; }
+  padding-right: 5px;
+  position: relative; }
+  .select2-container--default .select2-selection--multiple.select2-selection--clearable {
+    padding-right: 25px; }
   .select2-container--default .select2-selection--multiple .select2-selection__clear {
     cursor: pointer;
-    float: right;
     font-weight: bold;
     height: 20px;
     margin-right: 10px;
     margin-top: 5px;
+    position: absolute;
+    right: 0;
     padding: 1px; }
   .select2-container--default .select2-selection--multiple .select2-selection__choice {
     background-color: #e4e4e4;
     border: 1px solid #aaa;
     border-radius: 4px;
+    box-sizing: border-box;
     display: inline-block;
     margin-left: 5px;
     margin-top: 5px;
-    padding: 0; }
+    padding: 0;
+    padding-left: 20px;
+    position: relative;
+    max-width: 100%;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    vertical-align: bottom;
+    white-space: nowrap; }
   .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
     cursor: default;
     padding-left: 2px;
@@ -219,7 +238,10 @@
     cursor: pointer;
     font-size: 1em;
     font-weight: bold;
-    padding: 0 4px; }
+    padding: 0 4px;
+    position: absolute;
+    left: 0;
+    top: 0; }
     .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
       background-color: #f1f1f1;
       color: #333;