Added search option to multiselect

Author: andrewdrake

resources/assets/css/app.css

@@ -1,6 +1,6 @@
 /*!
-  * Bootstrap v4.6.0 (https://getbootstrap.com/)
-  * Copyright 2011-2021 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
+  * Bootstrap v4.5.3 (https://getbootstrap.com/)
+  * Copyright 2011-2020 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
   */
 
@@ -21,35 +21,35 @@
  */
 
 /*!
- * Chart.js v3.6.0
+ * Chart.js v3.2.1
  * https://www.chartjs.org
  * (c) 2021 Chart.js Contributors
  * Released under the MIT License
  */
 
 /*!
- * Sizzle CSS Selector Engine v2.3.6
+ * Sizzle CSS Selector Engine v2.3.5
  * https://sizzlejs.com/
  *
  * Copyright JS Foundation and other contributors
  * Released under the MIT license
  * https://js.foundation/
  *
- * Date: 2021-02-16
+ * Date: 2020-03-14
  */
 
 /*!
- * jQuery JavaScript Library v3.6.0
+ * jQuery JavaScript Library v3.5.1
  * https://jquery.com/
  *
  * Includes Sizzle.js
  * https://sizzlejs.com/
  *
- * Copyright OpenJS Foundation and other contributors
+ * Copyright JS Foundation and other contributors
  * Released under the MIT license
  * https://jquery.org/license
  *
- * Date: 2021-03-02T17:08Z
+ * Date: 2020-05-04T22:49Z
  */
 
 /*!

resources/assets/js/app.js

@@ -264,7 +264,10 @@ const appJquery = function() {
                     return labels.join(' - ');
                 },
                 includeSelectAllOption: true,
+                selectAllJustVisible: false,
                 selectAllName: 'select-all-owner',
+                enableFiltering: true,
+                enableCaseInsensitiveFiltering: true
             });
 
             $('select[name="label_id[]"]').multiselect({
@@ -279,7 +282,10 @@ const appJquery = function() {
                     return labels.join(' - ');
                 },
                 includeSelectAllOption: true,
+                selectAllJustVisible: false,
                 selectAllName: 'select-all-label',
+                enableFiltering: true,
+                enableCaseInsensitiveFiltering: true
             });
         },
 

resources/assets/js/app.js.LICENSE.txt

@@ -177,4 +177,12 @@ dt {
 .filter-active .custom-select{
   color: #28a745 !important;
   border-color: #28a745 !important;
+}
+
+.multiselect-container.dropdown-menu{
+  padding: 0 0 0.5rem 0 !important;
+}
+
+.multiselect-container .multiselect-filter{
+  margin-bottom: 0.5rem;
 }