@syncfusion/ej2-react-dropdowns - npm Package Compare versions

Comparing version 17.1.38 to 17.1.40

CHANGELOG.md

@@ -7,2 +7,24 @@ # Changelog
 
+#### Bug Fixes
+
+- Value property passed on form submit issue fixed.
+
+### DropDownList
+
+#### Bug Fixes
+
+- Issue with value selection on disabled dropdown using incremental search has been fixed.
+
+- Clear icon shown when change the value dynamically issue has been fixed.
+
+### MultiSelect
+
+#### Bug Fixes
+
+- Placeholder is not updated properly when unselect all the value issue has been resolved.
+
+## 17.1.38 (2019-03-29)
+
+### ListBox
+
 The ListBox is a graphical user interface component used to display a list of items. Users can select one or more items in the list using a checkbox or by keyboard selection. It supports sorting, grouping, reordering, and drag and drop of items. The available key features are:
@@ -437,10 +459,2 @@
 
-## 16.2.44 (2018-07-10)
-
-### AutoComplete
-
-#### Bug Fixes
-
-- Html elements are shown during filtering when highlight property is set to true.
-
 ## 16.2.43 (2018-07-03)
@@ -447,0 +461,0 @@

dist/ej2-react-dropdowns.umd.min.js

 /*!
 *  filename: ej2-react-dropdowns.umd.min.js
-*  version : 17.1.38
+*  version : 17.1.40
 *  Copyright Syncfusion Inc. 2001 - 2019. All rights reserved.
@@ -5,0 +5,0 @@ *  Use of this code is subject to the terms of our license.

package.json

 {
   "name": "@syncfusion/ej2-react-dropdowns",
-  "version": "17.1.38",
+  "version": "17.1.40",
   "description": "Essential JS 2 DropDown Components for React",
@@ -35,3 +35,3 @@ "author": "Syncfusion Inc.",
     "@syncfusion/ej2-react-base": "~17.1.38",
-    "@syncfusion/ej2-dropdowns": "17.1.38"
+    "@syncfusion/ej2-dropdowns": "17.1.40"
   },
@@ -38,0 +38,0 @@ "devDependencies": {},

styles/bootstrap-dark.css

@@ -1156,4 +1156,4 @@ .e-dropdownbase .e-list-item .e-list-icon {
   border: 0 solid;
+  cursor: pointer;
   display: block;
-  height: inherit;
   overflow: auto;
@@ -1168,3 +1168,12 @@ position: relative;
 
+.e-listbox-wrapper * {
+  box-sizing: border-box;
+}
+
+.e-listbox-wrapper:focus {
+  outline: none;
+}
+
 .e-listbox-wrapper.e-disabled {
+  cursor: default;
   pointer-events: none;
@@ -1373,2 +1382,4 @@ }
 .e-listbox-wrapper .e-list-item .e-list-badge {
+  -ms-flex-align: center;
+      align-items: center;
   background-color: #0070f0;
@@ -1378,9 +1389,10 @@ border: 1px solid #fff;
   color: #fff;
-  display: inline-block;
+  display: -ms-flexbox;
+  display: flex;
   font-size: 12px;
   height: 22px;
-  line-height: 22px;
+  -ms-flex-pack: center;
+      justify-content: center;
   position: absolute;
   right: -10px;
-  text-align: center;
   top: -10px;
@@ -1397,7 +1409,6 @@ width: 22px;
 .e-listbox-wrapper .e-hidden-select {
-  border: 0;
-  height: 0;
+  height: 1px;
+  opacity: 0;
   position: absolute;
-  visibility: hidden;
-  width: 0;
+  width: 100%;
 }
@@ -1421,12 +1432,16 @@
   display: block;
-  height: inherit;
 }
 
 .e-listboxtool-wrapper {
+  cursor: pointer;
   display: -ms-flexbox;
   display: flex;
-  height: inherit;
 }
 
+.e-listboxtool-wrapper * {
+  box-sizing: border-box;
+}
+
 .e-listboxtool-wrapper.e-disabled {
+  cursor: default;
   pointer-events: none;
@@ -1450,3 +1465,2 @@ }
   border: 1px solid #484848;
-  height: inherit;
   overflow: auto;
@@ -1453,0 +1467,0 @@ padding: 8px;

styles/bootstrap.css

@@ -1156,4 +1156,4 @@ .e-dropdownbase .e-list-item .e-list-icon {
   border: 0 solid;
+  cursor: pointer;
   display: block;
-  height: inherit;
   overflow: auto;
@@ -1168,3 +1168,12 @@ position: relative;
 
+.e-listbox-wrapper * {
+  box-sizing: border-box;
+}
+
+.e-listbox-wrapper:focus {
+  outline: none;
+}
+
 .e-listbox-wrapper.e-disabled {
+  cursor: default;
   pointer-events: none;
@@ -1373,2 +1382,4 @@ }
 .e-listbox-wrapper .e-list-item .e-list-badge {
+  -ms-flex-align: center;
+      align-items: center;
   background-color: #317ab9;
@@ -1378,9 +1389,10 @@ border: 1px solid #fff;
   color: #fff;
-  display: inline-block;
+  display: -ms-flexbox;
+  display: flex;
   font-size: 12px;
   height: 22px;
-  line-height: 22px;
+  -ms-flex-pack: center;
+      justify-content: center;
   position: absolute;
   right: -10px;
-  text-align: center;
   top: -10px;
@@ -1397,7 +1409,6 @@ width: 22px;
 .e-listbox-wrapper .e-hidden-select {
-  border: 0;
-  height: 0;
+  height: 1px;
+  opacity: 0;
   position: absolute;
-  visibility: hidden;
-  width: 0;
+  width: 100%;
 }
@@ -1421,12 +1432,16 @@
   display: block;
-  height: inherit;
 }
 
 .e-listboxtool-wrapper {
+  cursor: pointer;
   display: -ms-flexbox;
   display: flex;
-  height: inherit;
 }
 
+.e-listboxtool-wrapper * {
+  box-sizing: border-box;
+}
+
 .e-listboxtool-wrapper.e-disabled {
+  cursor: default;
   pointer-events: none;
@@ -1450,3 +1465,2 @@ }
   border: 1px solid #ddd;
-  height: inherit;
   overflow: auto;
@@ -1453,0 +1467,0 @@ padding: 8px;

styles/bootstrap4.css

@@ -608,3 +608,3 @@ .e-dropdownbase .e-list-item .e-list-icon {
   line-height: normal;
-  min-height: 30px;
+  min-height: 29px;
   padding: 0 32px 0 2px;
@@ -667,3 +667,3 @@ position: relative;
 .e-bigger .e-multi-select-wrapper {
-  min-height: 38px;
+  min-height: 36px;
 }
@@ -694,3 +694,3 @@
   float: left;
-  margin: 4px 4px 4px 0;
+  margin: 2px 4px 2px 0;
   max-width: 100%;
@@ -777,4 +777,4 @@ overflow: hidden;
   font-weight: 400;
-  height: 32px;
-  min-height: 32px;
+  height: 29px;
+  min-height: 29px;
   outline: none;
@@ -787,4 +787,4 @@ padding: 0;
 .e-multi-select-wrapper.e-mob-wrapper input[type='text'] {
-  height: 32px;
-  min-height: 32px;
+  height: 29px;
+  min-height: 29px;
 }
@@ -794,4 +794,4 @@
   font-size: 16px;
-  height: 38px;
-  min-height: 38px;
+  height: 36px;
+  min-height: 36px;
 }
@@ -812,3 +812,3 @@
   font-size: 14px;
-  line-height: 35px;
+  line-height: 29px;
   max-width: 100%;
@@ -821,3 +821,3 @@ padding-left: 6px;
 .e-bigger .e-multi-select-wrapper .e-delim-values {
-  line-height: 39px;
+  line-height: 36px;
 }
@@ -1149,3 +1149,3 @@
 .e-bigger .e-multi-select-wrapper .e-chips {
-  height: 30px;
+  height: 28px;
 }
@@ -1270,4 +1270,4 @@
   border: 1px solid;
+  cursor: pointer;
   display: block;
-  height: inherit;
   overflow: auto;
@@ -1282,3 +1282,12 @@ position: relative;
 
+.e-listbox-wrapper * {
+  box-sizing: border-box;
+}
+
+.e-listbox-wrapper:focus {
+  outline: none;
+}
+
 .e-listbox-wrapper.e-disabled {
+  cursor: default;
   pointer-events: none;
@@ -1487,2 +1496,4 @@ }
 .e-listbox-wrapper .e-list-item .e-list-badge {
+  -ms-flex-align: center;
+      align-items: center;
   background-color: #007bff;
@@ -1492,9 +1503,10 @@ border: 1px solid #fff;
   color: #fff;
-  display: inline-block;
+  display: -ms-flexbox;
+  display: flex;
   font-size: 12px;
   height: 22px;
-  line-height: 22px;
+  -ms-flex-pack: center;
+      justify-content: center;
   position: absolute;
   right: -10px;
-  text-align: center;
   top: -10px;
@@ -1511,7 +1523,6 @@ width: 22px;
 .e-listbox-wrapper .e-hidden-select {
-  border: 0;
-  height: 0;
+  height: 1px;
+  opacity: 0;
   position: absolute;
-  visibility: hidden;
-  width: 0;
+  width: 100%;
 }
@@ -1535,12 +1546,16 @@
   display: block;
-  height: inherit;
 }
 
 .e-listboxtool-wrapper {
+  cursor: pointer;
   display: -ms-flexbox;
   display: flex;
-  height: inherit;
 }
 
+.e-listboxtool-wrapper * {
+  box-sizing: border-box;
+}
+
 .e-listboxtool-wrapper.e-disabled {
+  cursor: default;
   pointer-events: none;
@@ -1564,3 +1579,2 @@ }
   border: 1px solid #dee2e6;
-  height: inherit;
   overflow: auto;
@@ -1567,0 +1581,0 @@ padding: 8px;

styles/fabric-dark.css

@@ -1107,4 +1107,4 @@ .e-dropdownbase .e-list-item .e-list-icon {
   border: 0 solid;
+  cursor: pointer;
   display: block;
-  height: inherit;
   overflow: auto;
@@ -1119,3 +1119,12 @@ position: relative;
 
+.e-listbox-wrapper * {
+  box-sizing: border-box;
+}
+
+.e-listbox-wrapper:focus {
+  outline: none;
+}
+
 .e-listbox-wrapper.e-disabled {
+  cursor: default;
   pointer-events: none;
@@ -1324,2 +1333,4 @@ }
 .e-listbox-wrapper .e-list-item .e-list-badge {
+  -ms-flex-align: center;
+      align-items: center;
   background-color: #0074cc;
@@ -1329,9 +1340,10 @@ border: 1px solid #fff;
   color: #fff;
-  display: inline-block;
+  display: -ms-flexbox;
+  display: flex;
   font-size: 12px;
   height: 22px;
-  line-height: 22px;
+  -ms-flex-pack: center;
+      justify-content: center;
   position: absolute;
   right: -10px;
-  text-align: center;
   top: -10px;
@@ -1348,7 +1360,6 @@ width: 22px;
 .e-listbox-wrapper .e-hidden-select {
-  border: 0;
-  height: 0;
+  height: 1px;
+  opacity: 0;
   position: absolute;
-  visibility: hidden;
-  width: 0;
+  width: 100%;
 }
@@ -1372,12 +1383,16 @@
   display: block;
-  height: inherit;
 }
 
 .e-listboxtool-wrapper {
+  cursor: pointer;
   display: -ms-flexbox;
   display: flex;
-  height: inherit;
 }
 
+.e-listboxtool-wrapper * {
+  box-sizing: border-box;
+}
+
 .e-listboxtool-wrapper.e-disabled {
+  cursor: default;
   pointer-events: none;
@@ -1401,3 +1416,2 @@ }
   border: 1px solid #414040;
-  height: inherit;
   overflow: auto;
@@ -1404,0 +1418,0 @@ padding: 8px;

styles/fabric.css

@@ -1107,4 +1107,4 @@ .e-dropdownbase .e-list-item .e-list-icon {
   border: 0 solid;
+  cursor: pointer;
   display: block;
-  height: inherit;
   overflow: auto;
@@ -1119,3 +1119,12 @@ position: relative;
 
+.e-listbox-wrapper * {
+  box-sizing: border-box;
+}
+
+.e-listbox-wrapper:focus {
+  outline: none;
+}
+
 .e-listbox-wrapper.e-disabled {
+  cursor: default;
   pointer-events: none;
@@ -1324,2 +1333,4 @@ }
 .e-listbox-wrapper .e-list-item .e-list-badge {
+  -ms-flex-align: center;
+      align-items: center;
   background-color: #0078d6;
@@ -1329,9 +1340,10 @@ border: 1px solid #fff;
   color: #fff;
-  display: inline-block;
+  display: -ms-flexbox;
+  display: flex;
   font-size: 12px;
   height: 22px;
-  line-height: 22px;
+  -ms-flex-pack: center;
+      justify-content: center;
   position: absolute;
   right: -10px;
-  text-align: center;
   top: -10px;
@@ -1348,7 +1360,6 @@ width: 22px;
 .e-listbox-wrapper .e-hidden-select {
-  border: 0;
-  height: 0;
+  height: 1px;
+  opacity: 0;
   position: absolute;
-  visibility: hidden;
-  width: 0;
+  width: 100%;
 }
@@ -1372,12 +1383,16 @@
   display: block;
-  height: inherit;
 }
 
 .e-listboxtool-wrapper {
+  cursor: pointer;
   display: -ms-flexbox;
   display: flex;
-  height: inherit;
 }
 
+.e-listboxtool-wrapper * {
+  box-sizing: border-box;
+}
+
 .e-listboxtool-wrapper.e-disabled {
+  cursor: default;
   pointer-events: none;
@@ -1401,3 +1416,2 @@ }
   border: 1px solid #eaeaea;
-  height: inherit;
   overflow: auto;
@@ -1404,0 +1418,0 @@ padding: 8px;

styles/highcontrast-light.css

@@ -1255,4 +1255,4 @@ .e-dropdownbase .e-list-item .e-list-icon {
   border: 0 solid;
+  cursor: pointer;
   display: block;
-  height: inherit;
   overflow: auto;
@@ -1267,3 +1267,12 @@ position: relative;
 
+.e-listbox-wrapper * {
+  box-sizing: border-box;
+}
+
+.e-listbox-wrapper:focus {
+  outline: none;
+}
+
 .e-listbox-wrapper.e-disabled {
+  cursor: default;
   pointer-events: none;
@@ -1472,2 +1481,4 @@ }
 .e-listbox-wrapper .e-list-item .e-list-badge {
+  -ms-flex-align: center;
+      align-items: center;
   background-color: #400074;
@@ -1477,9 +1488,10 @@ border: 1px solid #fff;
   color: #fff;
-  display: inline-block;
+  display: -ms-flexbox;
+  display: flex;
   font-size: 12px;
   height: 22px;
-  line-height: 22px;
+  -ms-flex-pack: center;
+      justify-content: center;
   position: absolute;
   right: -10px;
-  text-align: center;
   top: -10px;
@@ -1496,7 +1508,6 @@ width: 22px;
 .e-listbox-wrapper .e-hidden-select {
-  border: 0;
-  height: 0;
+  height: 1px;
+  opacity: 0;
   position: absolute;
-  visibility: hidden;
-  width: 0;
+  width: 100%;
 }
@@ -1520,12 +1531,16 @@
   display: block;
-  height: inherit;
 }
 
 .e-listboxtool-wrapper {
+  cursor: pointer;
   display: -ms-flexbox;
   display: flex;
-  height: inherit;
 }
 
+.e-listboxtool-wrapper * {
+  box-sizing: border-box;
+}
+
 .e-listboxtool-wrapper.e-disabled {
+  cursor: default;
   pointer-events: none;
@@ -1549,3 +1564,2 @@ }
   border: 1px solid #757575;
-  height: inherit;
   overflow: auto;
@@ -1552,0 +1566,0 @@ padding: 8px;

styles/highcontrast.css

@@ -1255,4 +1255,4 @@ .e-dropdownbase .e-list-item .e-list-icon {
   border: 0 solid;
+  cursor: pointer;
   display: block;
-  height: inherit;
   overflow: auto;
@@ -1267,3 +1267,12 @@ position: relative;
 
+.e-listbox-wrapper * {
+  box-sizing: border-box;
+}
+
+.e-listbox-wrapper:focus {
+  outline: none;
+}
+
 .e-listbox-wrapper.e-disabled {
+  cursor: default;
   pointer-events: none;
@@ -1472,2 +1481,4 @@ }
 .e-listbox-wrapper .e-list-item .e-list-badge {
+  -ms-flex-align: center;
+      align-items: center;
   background-color: #ffd939;
@@ -1477,9 +1488,10 @@ border: 1px solid #000;
   color: #000;
-  display: inline-block;
+  display: -ms-flexbox;
+  display: flex;
   font-size: 12px;
   height: 22px;
-  line-height: 22px;
+  -ms-flex-pack: center;
+      justify-content: center;
   position: absolute;
   right: -10px;
-  text-align: center;
   top: -10px;
@@ -1496,7 +1508,6 @@ width: 22px;
 .e-listbox-wrapper .e-hidden-select {
-  border: 0;
-  height: 0;
+  height: 1px;
+  opacity: 0;
   position: absolute;
-  visibility: hidden;
-  width: 0;
+  width: 100%;
 }
@@ -1520,12 +1531,16 @@
   display: block;
-  height: inherit;
 }
 
 .e-listboxtool-wrapper {
+  cursor: pointer;
   display: -ms-flexbox;
   display: flex;
-  height: inherit;
 }
 
+.e-listboxtool-wrapper * {
+  box-sizing: border-box;
+}
+
 .e-listboxtool-wrapper.e-disabled {
+  cursor: default;
   pointer-events: none;
@@ -1549,3 +1564,2 @@ }
   border: 1px solid #969696;
-  height: inherit;
   overflow: auto;
@@ -1552,0 +1566,0 @@ padding: 8px;

styles/list-box/bootstrap-dark.css

@@ -36,4 +36,4 @@ .e-dropdownbase .e-list-item .e-list-icon {
   border: 0 solid;
+  cursor: pointer;
   display: block;
-  height: inherit;
   overflow: auto;
@@ -48,3 +48,12 @@ position: relative;
 
+.e-listbox-wrapper * {
+  box-sizing: border-box;
+}
+
+.e-listbox-wrapper:focus {
+  outline: none;
+}
+
 .e-listbox-wrapper.e-disabled {
+  cursor: default;
   pointer-events: none;
@@ -253,2 +262,4 @@ }
 .e-listbox-wrapper .e-list-item .e-list-badge {
+  -ms-flex-align: center;
+      align-items: center;
   background-color: #0070f0;
@@ -258,9 +269,10 @@ border: 1px solid #fff;
   color: #fff;
-  display: inline-block;
+  display: -ms-flexbox;
+  display: flex;
   font-size: 12px;
   height: 22px;
-  line-height: 22px;
+  -ms-flex-pack: center;
+      justify-content: center;
   position: absolute;
   right: -10px;
-  text-align: center;
   top: -10px;
@@ -277,7 +289,6 @@ width: 22px;
 .e-listbox-wrapper .e-hidden-select {
-  border: 0;
-  height: 0;
+  height: 1px;
+  opacity: 0;
   position: absolute;
-  visibility: hidden;
-  width: 0;
+  width: 100%;
 }
@@ -301,12 +312,16 @@
   display: block;
-  height: inherit;
 }
 
 .e-listboxtool-wrapper {
+  cursor: pointer;
   display: -ms-flexbox;
   display: flex;
-  height: inherit;
 }
 
+.e-listboxtool-wrapper * {
+  box-sizing: border-box;
+}
+
 .e-listboxtool-wrapper.e-disabled {
+  cursor: default;
   pointer-events: none;
@@ -330,3 +345,2 @@ }
   border: 1px solid #484848;
-  height: inherit;
   overflow: auto;
@@ -333,0 +347,0 @@ padding: 8px;

styles/list-box/bootstrap.css

@@ -36,4 +36,4 @@ .e-dropdownbase .e-list-item .e-list-icon {
   border: 0 solid;
+  cursor: pointer;
   display: block;
-  height: inherit;
   overflow: auto;
@@ -48,3 +48,12 @@ position: relative;
 
+.e-listbox-wrapper * {
+  box-sizing: border-box;
+}
+
+.e-listbox-wrapper:focus {
+  outline: none;
+}
+
 .e-listbox-wrapper.e-disabled {
+  cursor: default;
   pointer-events: none;
@@ -253,2 +262,4 @@ }
 .e-listbox-wrapper .e-list-item .e-list-badge {
+  -ms-flex-align: center;
+      align-items: center;
   background-color: #317ab9;
@@ -258,9 +269,10 @@ border: 1px solid #fff;
   color: #fff;
-  display: inline-block;
+  display: -ms-flexbox;
+  display: flex;
   font-size: 12px;
   height: 22px;
-  line-height: 22px;
+  -ms-flex-pack: center;
+      justify-content: center;
   position: absolute;
   right: -10px;
-  text-align: center;
   top: -10px;
@@ -277,7 +289,6 @@ width: 22px;
 .e-listbox-wrapper .e-hidden-select {
-  border: 0;
-  height: 0;
+  height: 1px;
+  opacity: 0;
   position: absolute;
-  visibility: hidden;
-  width: 0;
+  width: 100%;
 }
@@ -301,12 +312,16 @@
   display: block;
-  height: inherit;
 }
 
 .e-listboxtool-wrapper {
+  cursor: pointer;
   display: -ms-flexbox;
   display: flex;
-  height: inherit;
 }
 
+.e-listboxtool-wrapper * {
+  box-sizing: border-box;
+}
+
 .e-listboxtool-wrapper.e-disabled {
+  cursor: default;
   pointer-events: none;
@@ -330,3 +345,2 @@ }
   border: 1px solid #ddd;
-  height: inherit;
   overflow: auto;
@@ -333,0 +347,0 @@ padding: 8px;

styles/list-box/bootstrap4.css

@@ -49,4 +49,4 @@ .e-dropdownbase .e-list-item .e-list-icon {
   border: 1px solid;
+  cursor: pointer;
   display: block;
-  height: inherit;
   overflow: auto;
@@ -61,3 +61,12 @@ position: relative;
 
+.e-listbox-wrapper * {
+  box-sizing: border-box;
+}
+
+.e-listbox-wrapper:focus {
+  outline: none;
+}
+
 .e-listbox-wrapper.e-disabled {
+  cursor: default;
   pointer-events: none;
@@ -266,2 +275,4 @@ }
 .e-listbox-wrapper .e-list-item .e-list-badge {
+  -ms-flex-align: center;
+      align-items: center;
   background-color: #007bff;
@@ -271,9 +282,10 @@ border: 1px solid #fff;
   color: #fff;
-  display: inline-block;
+  display: -ms-flexbox;
+  display: flex;
   font-size: 12px;
   height: 22px;
-  line-height: 22px;
+  -ms-flex-pack: center;
+      justify-content: center;
   position: absolute;
   right: -10px;
-  text-align: center;
   top: -10px;
@@ -290,7 +302,6 @@ width: 22px;
 .e-listbox-wrapper .e-hidden-select {
-  border: 0;
-  height: 0;
+  height: 1px;
+  opacity: 0;
   position: absolute;
-  visibility: hidden;
-  width: 0;
+  width: 100%;
 }
@@ -314,12 +325,16 @@
   display: block;
-  height: inherit;
 }
 
 .e-listboxtool-wrapper {
+  cursor: pointer;
   display: -ms-flexbox;
   display: flex;
-  height: inherit;
 }
 
+.e-listboxtool-wrapper * {
+  box-sizing: border-box;
+}
+
 .e-listboxtool-wrapper.e-disabled {
+  cursor: default;
   pointer-events: none;
@@ -343,3 +358,2 @@ }
   border: 1px solid #dee2e6;
-  height: inherit;
   overflow: auto;
@@ -346,0 +360,0 @@ padding: 8px;

styles/list-box/fabric-dark.css

@@ -36,4 +36,4 @@ .e-dropdownbase .e-list-item .e-list-icon {
   border: 0 solid;
+  cursor: pointer;
   display: block;
-  height: inherit;
   overflow: auto;
@@ -48,3 +48,12 @@ position: relative;
 
+.e-listbox-wrapper * {
+  box-sizing: border-box;
+}
+
+.e-listbox-wrapper:focus {
+  outline: none;
+}
+
 .e-listbox-wrapper.e-disabled {
+  cursor: default;
   pointer-events: none;
@@ -253,2 +262,4 @@ }
 .e-listbox-wrapper .e-list-item .e-list-badge {
+  -ms-flex-align: center;
+      align-items: center;
   background-color: #0074cc;
@@ -258,9 +269,10 @@ border: 1px solid #fff;
   color: #fff;
-  display: inline-block;
+  display: -ms-flexbox;
+  display: flex;
   font-size: 12px;
   height: 22px;
-  line-height: 22px;
+  -ms-flex-pack: center;
+      justify-content: center;
   position: absolute;
   right: -10px;
-  text-align: center;
   top: -10px;
@@ -277,7 +289,6 @@ width: 22px;
 .e-listbox-wrapper .e-hidden-select {
-  border: 0;
-  height: 0;
+  height: 1px;
+  opacity: 0;
   position: absolute;
-  visibility: hidden;
-  width: 0;
+  width: 100%;
 }
@@ -301,12 +312,16 @@
   display: block;
-  height: inherit;
 }
 
 .e-listboxtool-wrapper {
+  cursor: pointer;
   display: -ms-flexbox;
   display: flex;
-  height: inherit;
 }
 
+.e-listboxtool-wrapper * {
+  box-sizing: border-box;
+}
+
 .e-listboxtool-wrapper.e-disabled {
+  cursor: default;
   pointer-events: none;
@@ -330,3 +345,2 @@ }
   border: 1px solid #414040;
-  height: inherit;
   overflow: auto;
@@ -333,0 +347,0 @@ padding: 8px;

styles/list-box/fabric.css

@@ -36,4 +36,4 @@ .e-dropdownbase .e-list-item .e-list-icon {
   border: 0 solid;
+  cursor: pointer;
   display: block;
-  height: inherit;
   overflow: auto;
@@ -48,3 +48,12 @@ position: relative;
 
+.e-listbox-wrapper * {
+  box-sizing: border-box;
+}
+
+.e-listbox-wrapper:focus {
+  outline: none;
+}
+
 .e-listbox-wrapper.e-disabled {
+  cursor: default;
   pointer-events: none;
@@ -253,2 +262,4 @@ }
 .e-listbox-wrapper .e-list-item .e-list-badge {
+  -ms-flex-align: center;
+      align-items: center;
   background-color: #0078d6;
@@ -258,9 +269,10 @@ border: 1px solid #fff;
   color: #fff;
-  display: inline-block;
+  display: -ms-flexbox;
+  display: flex;
   font-size: 12px;
   height: 22px;
-  line-height: 22px;
+  -ms-flex-pack: center;
+      justify-content: center;
   position: absolute;
   right: -10px;
-  text-align: center;
   top: -10px;
@@ -277,7 +289,6 @@ width: 22px;
 .e-listbox-wrapper .e-hidden-select {
-  border: 0;
-  height: 0;
+  height: 1px;
+  opacity: 0;
   position: absolute;
-  visibility: hidden;
-  width: 0;
+  width: 100%;
 }
@@ -301,12 +312,16 @@
   display: block;
-  height: inherit;
 }
 
 .e-listboxtool-wrapper {
+  cursor: pointer;
   display: -ms-flexbox;
   display: flex;
-  height: inherit;
 }
 
+.e-listboxtool-wrapper * {
+  box-sizing: border-box;
+}
+
 .e-listboxtool-wrapper.e-disabled {
+  cursor: default;
   pointer-events: none;
@@ -330,3 +345,2 @@ }
   border: 1px solid #eaeaea;
-  height: inherit;
   overflow: auto;
@@ -333,0 +347,0 @@ padding: 8px;

styles/list-box/highcontrast-light.css

@@ -52,4 +52,4 @@ .e-dropdownbase .e-list-item .e-list-icon {
   border: 0 solid;
+  cursor: pointer;
   display: block;
-  height: inherit;
   overflow: auto;
@@ -64,3 +64,12 @@ position: relative;
 
+.e-listbox-wrapper * {
+  box-sizing: border-box;
+}
+
+.e-listbox-wrapper:focus {
+  outline: none;
+}
+
 .e-listbox-wrapper.e-disabled {
+  cursor: default;
   pointer-events: none;
@@ -269,2 +278,4 @@ }
 .e-listbox-wrapper .e-list-item .e-list-badge {
+  -ms-flex-align: center;
+      align-items: center;
   background-color: #400074;
@@ -274,9 +285,10 @@ border: 1px solid #fff;
   color: #fff;
-  display: inline-block;
+  display: -ms-flexbox;
+  display: flex;
   font-size: 12px;
   height: 22px;
-  line-height: 22px;
+  -ms-flex-pack: center;
+      justify-content: center;
   position: absolute;
   right: -10px;
-  text-align: center;
   top: -10px;
@@ -293,7 +305,6 @@ width: 22px;
 .e-listbox-wrapper .e-hidden-select {
-  border: 0;
-  height: 0;
+  height: 1px;
+  opacity: 0;
   position: absolute;
-  visibility: hidden;
-  width: 0;
+  width: 100%;
 }
@@ -317,12 +328,16 @@
   display: block;
-  height: inherit;
 }
 
 .e-listboxtool-wrapper {
+  cursor: pointer;
   display: -ms-flexbox;
   display: flex;
-  height: inherit;
 }
 
+.e-listboxtool-wrapper * {
+  box-sizing: border-box;
+}
+
 .e-listboxtool-wrapper.e-disabled {
+  cursor: default;
   pointer-events: none;
@@ -346,3 +361,2 @@ }
   border: 1px solid #757575;
-  height: inherit;
   overflow: auto;
@@ -349,0 +363,0 @@ padding: 8px;

styles/list-box/highcontrast.css

@@ -52,4 +52,4 @@ .e-dropdownbase .e-list-item .e-list-icon {
   border: 0 solid;
+  cursor: pointer;
   display: block;
-  height: inherit;
   overflow: auto;
@@ -64,3 +64,12 @@ position: relative;
 
+.e-listbox-wrapper * {
+  box-sizing: border-box;
+}
+
+.e-listbox-wrapper:focus {
+  outline: none;
+}
+
 .e-listbox-wrapper.e-disabled {
+  cursor: default;
   pointer-events: none;
@@ -269,2 +278,4 @@ }
 .e-listbox-wrapper .e-list-item .e-list-badge {
+  -ms-flex-align: center;
+      align-items: center;
   background-color: #ffd939;
@@ -274,9 +285,10 @@ border: 1px solid #000;
   color: #000;
-  display: inline-block;
+  display: -ms-flexbox;
+  display: flex;
   font-size: 12px;
   height: 22px;
-  line-height: 22px;
+  -ms-flex-pack: center;
+      justify-content: center;
   position: absolute;
   right: -10px;
-  text-align: center;
   top: -10px;
@@ -293,7 +305,6 @@ width: 22px;
 .e-listbox-wrapper .e-hidden-select {
-  border: 0;
-  height: 0;
+  height: 1px;
+  opacity: 0;
   position: absolute;
-  visibility: hidden;
-  width: 0;
+  width: 100%;
 }
@@ -317,12 +328,16 @@
   display: block;
-  height: inherit;
 }
 
 .e-listboxtool-wrapper {
+  cursor: pointer;
   display: -ms-flexbox;
   display: flex;
-  height: inherit;
 }
 
+.e-listboxtool-wrapper * {
+  box-sizing: border-box;
+}
+
 .e-listboxtool-wrapper.e-disabled {
+  cursor: default;
   pointer-events: none;
@@ -346,3 +361,2 @@ }
   border: 1px solid #969696;
-  height: inherit;
   overflow: auto;
@@ -349,0 +363,0 @@ padding: 8px;

styles/list-box/material-dark.css

@@ -33,4 +33,4 @@ @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
   border: 0 solid;
+  cursor: pointer;
   display: block;
-  height: inherit;
   overflow: auto;
@@ -45,3 +45,12 @@ position: relative;
 
+.e-listbox-wrapper * {
+  box-sizing: border-box;
+}
+
+.e-listbox-wrapper:focus {
+  outline: none;
+}
+
 .e-listbox-wrapper.e-disabled {
+  cursor: default;
   pointer-events: none;
@@ -250,2 +259,4 @@ }
 .e-listbox-wrapper .e-list-item .e-list-badge {
+  -ms-flex-align: center;
+      align-items: center;
   background-color: #00b0ff;
@@ -255,9 +266,10 @@ border: 1px solid #000;
   color: #000;
-  display: inline-block;
+  display: -ms-flexbox;
+  display: flex;
   font-size: 12px;
   height: 22px;
-  line-height: 22px;
+  -ms-flex-pack: center;
+      justify-content: center;
   position: absolute;
   right: -10px;
-  text-align: center;
   top: -10px;
@@ -274,7 +286,6 @@ width: 22px;
 .e-listbox-wrapper .e-hidden-select {
-  border: 0;
-  height: 0;
+  height: 1px;
+  opacity: 0;
   position: absolute;
-  visibility: hidden;
-  width: 0;
+  width: 100%;
 }
@@ -298,12 +309,16 @@
   display: block;
-  height: inherit;
 }
 
 .e-listboxtool-wrapper {
+  cursor: pointer;
   display: -ms-flexbox;
   display: flex;
-  height: inherit;
 }
 
+.e-listboxtool-wrapper * {
+  box-sizing: border-box;
+}
+
 .e-listboxtool-wrapper.e-disabled {
+  cursor: default;
   pointer-events: none;
@@ -327,3 +342,2 @@ }
   border: 1px solid #616161;
-  height: inherit;
   overflow: auto;
@@ -330,0 +344,0 @@ padding: 8px;

styles/list-box/material.css

@@ -33,4 +33,4 @@ @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
   border: 0 solid;
+  cursor: pointer;
   display: block;
-  height: inherit;
   overflow: auto;
@@ -45,3 +45,12 @@ position: relative;
 
+.e-listbox-wrapper * {
+  box-sizing: border-box;
+}
+
+.e-listbox-wrapper:focus {
+  outline: none;
+}
+
 .e-listbox-wrapper.e-disabled {
+  cursor: default;
   pointer-events: none;
@@ -250,2 +259,4 @@ }
 .e-listbox-wrapper .e-list-item .e-list-badge {
+  -ms-flex-align: center;
+      align-items: center;
   background-color: #e3165b;
@@ -255,9 +266,10 @@ border: 1px solid #fff;
   color: #fff;
-  display: inline-block;
+  display: -ms-flexbox;
+  display: flex;
   font-size: 12px;
   height: 22px;
-  line-height: 22px;
+  -ms-flex-pack: center;
+      justify-content: center;
   position: absolute;
   right: -10px;
-  text-align: center;
   top: -10px;
@@ -274,7 +286,6 @@ width: 22px;
 .e-listbox-wrapper .e-hidden-select {
-  border: 0;
-  height: 0;
+  height: 1px;
+  opacity: 0;
   position: absolute;
-  visibility: hidden;
-  width: 0;
+  width: 100%;
 }
@@ -298,12 +309,16 @@
   display: block;
-  height: inherit;
 }
 
 .e-listboxtool-wrapper {
+  cursor: pointer;
   display: -ms-flexbox;
   display: flex;
-  height: inherit;
 }
 
+.e-listboxtool-wrapper * {
+  box-sizing: border-box;
+}
+
 .e-listboxtool-wrapper.e-disabled {
+  cursor: default;
   pointer-events: none;
@@ -327,3 +342,2 @@ }
   border: 1px solid #e0e0e0;
-  height: inherit;
   overflow: auto;
@@ -330,0 +344,0 @@ padding: 8px;

styles/material-dark.css

@@ -1131,4 +1131,4 @@ @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
   border: 0 solid;
+  cursor: pointer;
   display: block;
-  height: inherit;
   overflow: auto;
@@ -1143,3 +1143,12 @@ position: relative;
 
+.e-listbox-wrapper * {
+  box-sizing: border-box;
+}
+
+.e-listbox-wrapper:focus {
+  outline: none;
+}
+
 .e-listbox-wrapper.e-disabled {
+  cursor: default;
   pointer-events: none;
@@ -1348,2 +1357,4 @@ }
 .e-listbox-wrapper .e-list-item .e-list-badge {
+  -ms-flex-align: center;
+      align-items: center;
   background-color: #00b0ff;
@@ -1353,9 +1364,10 @@ border: 1px solid #000;
   color: #000;
-  display: inline-block;
+  display: -ms-flexbox;
+  display: flex;
   font-size: 12px;
   height: 22px;
-  line-height: 22px;
+  -ms-flex-pack: center;
+      justify-content: center;
   position: absolute;
   right: -10px;
-  text-align: center;
   top: -10px;
@@ -1372,7 +1384,6 @@ width: 22px;
 .e-listbox-wrapper .e-hidden-select {
-  border: 0;
-  height: 0;
+  height: 1px;
+  opacity: 0;
   position: absolute;
-  visibility: hidden;
-  width: 0;
+  width: 100%;
 }
@@ -1396,12 +1407,16 @@
   display: block;
-  height: inherit;
 }
 
 .e-listboxtool-wrapper {
+  cursor: pointer;
   display: -ms-flexbox;
   display: flex;
-  height: inherit;
 }
 
+.e-listboxtool-wrapper * {
+  box-sizing: border-box;
+}
+
 .e-listboxtool-wrapper.e-disabled {
+  cursor: default;
   pointer-events: none;
@@ -1425,3 +1440,2 @@ }
   border: 1px solid #616161;
-  height: inherit;
   overflow: auto;
@@ -1428,0 +1442,0 @@ padding: 8px;

styles/material.css

@@ -1131,4 +1131,4 @@ @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
   border: 0 solid;
+  cursor: pointer;
   display: block;
-  height: inherit;
   overflow: auto;
@@ -1143,3 +1143,12 @@ position: relative;
 
+.e-listbox-wrapper * {
+  box-sizing: border-box;
+}
+
+.e-listbox-wrapper:focus {
+  outline: none;
+}
+
 .e-listbox-wrapper.e-disabled {
+  cursor: default;
   pointer-events: none;
@@ -1348,2 +1357,4 @@ }
 .e-listbox-wrapper .e-list-item .e-list-badge {
+  -ms-flex-align: center;
+      align-items: center;
   background-color: #e3165b;
@@ -1353,9 +1364,10 @@ border: 1px solid #fff;
   color: #fff;
-  display: inline-block;
+  display: -ms-flexbox;
+  display: flex;
   font-size: 12px;
   height: 22px;
-  line-height: 22px;
+  -ms-flex-pack: center;
+      justify-content: center;
   position: absolute;
   right: -10px;
-  text-align: center;
   top: -10px;
@@ -1372,7 +1384,6 @@ width: 22px;
 .e-listbox-wrapper .e-hidden-select {
-  border: 0;
-  height: 0;
+  height: 1px;
+  opacity: 0;
   position: absolute;
-  visibility: hidden;
-  width: 0;
+  width: 100%;
 }
@@ -1396,12 +1407,16 @@
   display: block;
-  height: inherit;
 }
 
 .e-listboxtool-wrapper {
+  cursor: pointer;
   display: -ms-flexbox;
   display: flex;
-  height: inherit;
 }
 
+.e-listboxtool-wrapper * {
+  box-sizing: border-box;
+}
+
 .e-listboxtool-wrapper.e-disabled {
+  cursor: default;
   pointer-events: none;
@@ -1425,3 +1440,2 @@ }
   border: 1px solid #e0e0e0;
-  height: inherit;
   overflow: auto;
@@ -1428,0 +1442,0 @@ padding: 8px;

styles/multi-select/bootstrap4.css

@@ -101,3 +101,3 @@ .e-dropdownbase .e-list-item .e-list-icon {
   line-height: normal;
-  min-height: 30px;
+  min-height: 29px;
   padding: 0 32px 0 2px;
@@ -160,3 +160,3 @@ position: relative;
 .e-bigger .e-multi-select-wrapper {
-  min-height: 38px;
+  min-height: 36px;
 }
@@ -187,3 +187,3 @@
   float: left;
-  margin: 4px 4px 4px 0;
+  margin: 2px 4px 2px 0;
   max-width: 100%;
@@ -270,4 +270,4 @@ overflow: hidden;
   font-weight: 400;
-  height: 32px;
-  min-height: 32px;
+  height: 29px;
+  min-height: 29px;
   outline: none;
@@ -280,4 +280,4 @@ padding: 0;
 .e-multi-select-wrapper.e-mob-wrapper input[type='text'] {
-  height: 32px;
-  min-height: 32px;
+  height: 29px;
+  min-height: 29px;
 }
@@ -287,4 +287,4 @@
   font-size: 16px;
-  height: 38px;
-  min-height: 38px;
+  height: 36px;
+  min-height: 36px;
 }
@@ -305,3 +305,3 @@
   font-size: 14px;
-  line-height: 35px;
+  line-height: 29px;
   max-width: 100%;
@@ -314,3 +314,3 @@ padding-left: 6px;
 .e-bigger .e-multi-select-wrapper .e-delim-values {
-  line-height: 39px;
+  line-height: 36px;
 }
@@ -642,3 +642,3 @@
 .e-bigger .e-multi-select-wrapper .e-chips {
-  height: 30px;
+  height: 28px;
 }
@@ -645,0 +645,0 @@

No alert changes

Improved metrics

Total package byte prevSize

846693

0.51%

Lines of code

28580

0.7%

Dependency changes

• + Added

  @syncfusion/ej2-dropdowns@17.1.40
  (transitive)

• - Removed

  @syncfusion/ej2-dropdowns@17.1.38
  (transitive)

• Updated

  @syncfusion/ej2-dropdowns@17.1.40