@syncfusion/ej2-dropdowns 27.1.51 → 27.1.53

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (96) hide show
  1. package/dist/ej2-dropdowns.min.js +2 -2
  2. package/dist/ej2-dropdowns.umd.min.js +2 -2
  3. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-dropdowns.es2015.js +149 -56
  5. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es5.js +149 -56
  7. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  8. package/dist/global/ej2-dropdowns.min.js +2 -2
  9. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +9 -9
  12. package/src/combo-box/combo-box.js +1 -0
  13. package/src/drop-down-base/drop-down-base.js +21 -15
  14. package/src/drop-down-list/drop-down-list.d.ts +2 -1
  15. package/src/drop-down-list/drop-down-list.js +6 -2
  16. package/src/drop-down-tree/drop-down-tree.js +3 -3
  17. package/src/list-box/list-box.js +28 -4
  18. package/src/multi-select/multi-select.js +90 -32
  19. package/styles/bootstrap-dark-lite.css +5 -0
  20. package/styles/bootstrap-dark.css +5 -0
  21. package/styles/bootstrap-lite.css +5 -0
  22. package/styles/bootstrap.css +5 -0
  23. package/styles/bootstrap4-lite.css +5 -0
  24. package/styles/bootstrap4.css +5 -0
  25. package/styles/bootstrap5-dark-lite.css +5 -0
  26. package/styles/bootstrap5-dark.css +5 -0
  27. package/styles/bootstrap5-lite.css +5 -0
  28. package/styles/bootstrap5.3-lite.css +5 -0
  29. package/styles/bootstrap5.3.css +5 -0
  30. package/styles/bootstrap5.css +5 -0
  31. package/styles/drop-down-list/_layout.scss +1 -0
  32. package/styles/drop-down-list/bootstrap-dark.css +1 -0
  33. package/styles/drop-down-list/bootstrap.css +1 -0
  34. package/styles/drop-down-list/bootstrap4.css +1 -0
  35. package/styles/drop-down-list/bootstrap5-dark.css +1 -0
  36. package/styles/drop-down-list/bootstrap5.3.css +1 -0
  37. package/styles/drop-down-list/bootstrap5.css +1 -0
  38. package/styles/drop-down-list/fabric-dark.css +1 -0
  39. package/styles/drop-down-list/fabric.css +1 -0
  40. package/styles/drop-down-list/fluent-dark.css +1 -0
  41. package/styles/drop-down-list/fluent.css +1 -0
  42. package/styles/drop-down-list/fluent2.css +1 -0
  43. package/styles/drop-down-list/highcontrast-light.css +1 -0
  44. package/styles/drop-down-list/highcontrast.css +1 -0
  45. package/styles/drop-down-list/material-dark.css +1 -0
  46. package/styles/drop-down-list/material.css +1 -0
  47. package/styles/drop-down-list/material3-dark.css +1 -0
  48. package/styles/drop-down-list/material3.css +1 -0
  49. package/styles/drop-down-list/tailwind-dark.css +1 -0
  50. package/styles/drop-down-list/tailwind.css +1 -0
  51. package/styles/fabric-dark-lite.css +5 -0
  52. package/styles/fabric-dark.css +5 -0
  53. package/styles/fabric-lite.css +5 -0
  54. package/styles/fabric.css +5 -0
  55. package/styles/fluent-dark-lite.css +5 -0
  56. package/styles/fluent-dark.css +5 -0
  57. package/styles/fluent-lite.css +5 -0
  58. package/styles/fluent.css +5 -0
  59. package/styles/fluent2-lite.css +5 -0
  60. package/styles/fluent2.css +5 -0
  61. package/styles/highcontrast-light-lite.css +5 -0
  62. package/styles/highcontrast-light.css +5 -0
  63. package/styles/highcontrast-lite.css +5 -0
  64. package/styles/highcontrast.css +5 -0
  65. package/styles/material-dark-lite.css +5 -0
  66. package/styles/material-dark.css +5 -0
  67. package/styles/material-lite.css +5 -0
  68. package/styles/material.css +5 -0
  69. package/styles/material3-dark-lite.css +5 -0
  70. package/styles/material3-dark.css +5 -0
  71. package/styles/material3-lite.css +5 -0
  72. package/styles/material3.css +5 -0
  73. package/styles/multi-select/_layout.scss +4 -0
  74. package/styles/multi-select/bootstrap-dark.css +4 -0
  75. package/styles/multi-select/bootstrap.css +4 -0
  76. package/styles/multi-select/bootstrap4.css +4 -0
  77. package/styles/multi-select/bootstrap5-dark.css +4 -0
  78. package/styles/multi-select/bootstrap5.3.css +4 -0
  79. package/styles/multi-select/bootstrap5.css +4 -0
  80. package/styles/multi-select/fabric-dark.css +4 -0
  81. package/styles/multi-select/fabric.css +4 -0
  82. package/styles/multi-select/fluent-dark.css +4 -0
  83. package/styles/multi-select/fluent.css +4 -0
  84. package/styles/multi-select/fluent2.css +4 -0
  85. package/styles/multi-select/highcontrast-light.css +4 -0
  86. package/styles/multi-select/highcontrast.css +4 -0
  87. package/styles/multi-select/material-dark.css +4 -0
  88. package/styles/multi-select/material.css +4 -0
  89. package/styles/multi-select/material3-dark.css +4 -0
  90. package/styles/multi-select/material3.css +4 -0
  91. package/styles/multi-select/tailwind-dark.css +4 -0
  92. package/styles/multi-select/tailwind.css +4 -0
  93. package/styles/tailwind-dark-lite.css +5 -0
  94. package/styles/tailwind-dark.css +5 -0
  95. package/styles/tailwind-lite.css +5 -0
  96. package/styles/tailwind.css +5 -0
@@ -619,6 +619,7 @@
619
619
  margin: 0;
620
620
  outline: none;
621
621
  width: 100%;
622
+ overflow: hidden;
622
623
  }
623
624
  .e-ddl.e-input-group input[readonly].e-input,
624
625
  .e-ddl.e-input-group input[readonly],
@@ -1261,6 +1262,10 @@ ejs-dropdownlist {
1261
1262
  display: block;
1262
1263
  }
1263
1264
 
1265
+ .e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
1266
+ margin-right: 30px;
1267
+ }
1268
+
1264
1269
  .e-multi-select-wrapper .e-multi-hidden {
1265
1270
  border: 0;
1266
1271
  height: 0;
@@ -623,6 +623,7 @@
623
623
  margin: 0;
624
624
  outline: none;
625
625
  width: 100%;
626
+ overflow: hidden;
626
627
  }
627
628
  .e-ddl.e-input-group input[readonly].e-input,
628
629
  .e-ddl.e-input-group input[readonly],
@@ -1254,6 +1255,10 @@ ejs-dropdownlist {
1254
1255
  display: block;
1255
1256
  }
1256
1257
 
1258
+ .e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
1259
+ margin-right: 30px;
1260
+ }
1261
+
1257
1262
  .e-multi-select-wrapper .e-multi-hidden {
1258
1263
  border: 0;
1259
1264
  height: 0;
@@ -712,6 +712,7 @@
712
712
  margin: 0;
713
713
  outline: none;
714
714
  width: 100%;
715
+ overflow: hidden;
715
716
  }
716
717
  .e-ddl.e-input-group input[readonly].e-input,
717
718
  .e-ddl.e-input-group input[readonly],
@@ -1505,6 +1506,10 @@ ejs-dropdownlist {
1505
1506
  display: block;
1506
1507
  }
1507
1508
 
1509
+ .e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
1510
+ margin-right: 30px;
1511
+ }
1512
+
1508
1513
  .e-multi-select-wrapper .e-multi-hidden {
1509
1514
  border: 0;
1510
1515
  height: 0;
@@ -708,6 +708,7 @@
708
708
  margin: 0;
709
709
  outline: none;
710
710
  width: 100%;
711
+ overflow: hidden;
711
712
  }
712
713
  .e-ddl.e-input-group input[readonly].e-input,
713
714
  .e-ddl.e-input-group input[readonly],
@@ -1570,6 +1571,10 @@ ejs-dropdownlist {
1570
1571
  display: block;
1571
1572
  }
1572
1573
 
1574
+ .e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
1575
+ margin-right: 30px;
1576
+ }
1577
+
1573
1578
  .e-multi-select-wrapper .e-multi-hidden {
1574
1579
  border: 0;
1575
1580
  height: 0;
@@ -181,6 +181,7 @@
181
181
  margin: $ddl-zero-value;
182
182
  outline: none;
183
183
  width: 100%;
184
+ overflow: hidden;
184
185
  }
185
186
 
186
187
  input[readonly].e-input,
@@ -273,6 +273,7 @@
273
273
  margin: 0;
274
274
  outline: none;
275
275
  width: 100%;
276
+ overflow: hidden;
276
277
  }
277
278
  .e-ddl.e-input-group input[readonly].e-input,
278
279
  .e-ddl.e-input-group input[readonly],
@@ -273,6 +273,7 @@
273
273
  margin: 0;
274
274
  outline: none;
275
275
  width: 100%;
276
+ overflow: hidden;
276
277
  }
277
278
  .e-ddl.e-input-group input[readonly].e-input,
278
279
  .e-ddl.e-input-group input[readonly],
@@ -303,6 +303,7 @@
303
303
  margin: 0;
304
304
  outline: none;
305
305
  width: 100%;
306
+ overflow: hidden;
306
307
  }
307
308
  .e-ddl.e-input-group input[readonly].e-input,
308
309
  .e-ddl.e-input-group input[readonly],
@@ -320,6 +320,7 @@
320
320
  margin: 0;
321
321
  outline: none;
322
322
  width: 100%;
323
+ overflow: hidden;
323
324
  }
324
325
  .e-ddl.e-input-group input[readonly].e-input,
325
326
  .e-ddl.e-input-group input[readonly],
@@ -324,6 +324,7 @@
324
324
  margin: 0;
325
325
  outline: none;
326
326
  width: 100%;
327
+ overflow: hidden;
327
328
  }
328
329
  .e-ddl.e-input-group input[readonly].e-input,
329
330
  .e-ddl.e-input-group input[readonly],
@@ -320,6 +320,7 @@
320
320
  margin: 0;
321
321
  outline: none;
322
322
  width: 100%;
323
+ overflow: hidden;
323
324
  }
324
325
  .e-ddl.e-input-group input[readonly].e-input,
325
326
  .e-ddl.e-input-group input[readonly],
@@ -249,6 +249,7 @@
249
249
  margin: 0;
250
250
  outline: none;
251
251
  width: 100%;
252
+ overflow: hidden;
252
253
  }
253
254
  .e-ddl.e-input-group input[readonly].e-input,
254
255
  .e-ddl.e-input-group input[readonly],
@@ -249,6 +249,7 @@
249
249
  margin: 0;
250
250
  outline: none;
251
251
  width: 100%;
252
+ overflow: hidden;
252
253
  }
253
254
  .e-ddl.e-input-group input[readonly].e-input,
254
255
  .e-ddl.e-input-group input[readonly],
@@ -314,6 +314,7 @@
314
314
  margin: 0;
315
315
  outline: none;
316
316
  width: 100%;
317
+ overflow: hidden;
317
318
  }
318
319
  .e-ddl.e-input-group input[readonly].e-input,
319
320
  .e-ddl.e-input-group input[readonly],
@@ -314,6 +314,7 @@
314
314
  margin: 0;
315
315
  outline: none;
316
316
  width: 100%;
317
+ overflow: hidden;
317
318
  }
318
319
  .e-ddl.e-input-group input[readonly].e-input,
319
320
  .e-ddl.e-input-group input[readonly],
@@ -494,6 +494,7 @@
494
494
  margin: 0;
495
495
  outline: none;
496
496
  width: 100%;
497
+ overflow: hidden;
497
498
  }
498
499
  .e-ddl.e-input-group input[readonly].e-input,
499
500
  .e-ddl.e-input-group input[readonly],
@@ -270,6 +270,7 @@
270
270
  margin: 0;
271
271
  outline: none;
272
272
  width: 100%;
273
+ overflow: hidden;
273
274
  }
274
275
  .e-ddl.e-input-group input[readonly].e-input,
275
276
  .e-ddl.e-input-group input[readonly],
@@ -270,6 +270,7 @@
270
270
  margin: 0;
271
271
  outline: none;
272
272
  width: 100%;
273
+ overflow: hidden;
273
274
  }
274
275
  .e-ddl.e-input-group input[readonly].e-input,
275
276
  .e-ddl.e-input-group input[readonly],
@@ -312,6 +312,7 @@
312
312
  margin: 0;
313
313
  outline: none;
314
314
  width: 100%;
315
+ overflow: hidden;
315
316
  }
316
317
  .e-ddl.e-input-group input[readonly].e-input,
317
318
  .e-ddl.e-input-group input[readonly],
@@ -335,6 +335,7 @@
335
335
  margin: 0;
336
336
  outline: none;
337
337
  width: 100%;
338
+ overflow: hidden;
338
339
  }
339
340
  .e-ddl.e-input-group input[readonly].e-input,
340
341
  .e-ddl.e-input-group input[readonly],
@@ -350,6 +350,7 @@
350
350
  margin: 0;
351
351
  outline: none;
352
352
  width: 100%;
353
+ overflow: hidden;
353
354
  }
354
355
  .e-ddl.e-input-group input[readonly].e-input,
355
356
  .e-ddl.e-input-group input[readonly],
@@ -352,6 +352,7 @@
352
352
  margin: 0;
353
353
  outline: none;
354
354
  width: 100%;
355
+ overflow: hidden;
355
356
  }
356
357
  .e-ddl.e-input-group input[readonly].e-input,
357
358
  .e-ddl.e-input-group input[readonly],
@@ -300,6 +300,7 @@
300
300
  margin: 0;
301
301
  outline: none;
302
302
  width: 100%;
303
+ overflow: hidden;
303
304
  }
304
305
  .e-ddl.e-input-group input[readonly].e-input,
305
306
  .e-ddl.e-input-group input[readonly],
@@ -300,6 +300,7 @@
300
300
  margin: 0;
301
301
  outline: none;
302
302
  width: 100%;
303
+ overflow: hidden;
303
304
  }
304
305
  .e-ddl.e-input-group input[readonly].e-input,
305
306
  .e-ddl.e-input-group input[readonly],
@@ -542,6 +542,7 @@
542
542
  margin: 0;
543
543
  outline: none;
544
544
  width: 100%;
545
+ overflow: hidden;
545
546
  }
546
547
  .e-ddl.e-input-group input[readonly].e-input,
547
548
  .e-ddl.e-input-group input[readonly],
@@ -1171,6 +1172,10 @@ ejs-dropdownlist {
1171
1172
  display: block;
1172
1173
  }
1173
1174
 
1175
+ .e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
1176
+ margin-right: 30px;
1177
+ }
1178
+
1174
1179
  .e-multi-select-wrapper .e-multi-hidden {
1175
1180
  border: 0;
1176
1181
  height: 0;
@@ -617,6 +617,7 @@
617
617
  margin: 0;
618
618
  outline: none;
619
619
  width: 100%;
620
+ overflow: hidden;
620
621
  }
621
622
  .e-ddl.e-input-group input[readonly].e-input,
622
623
  .e-ddl.e-input-group input[readonly],
@@ -1419,6 +1420,10 @@ ejs-dropdownlist {
1419
1420
  display: block;
1420
1421
  }
1421
1422
 
1423
+ .e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
1424
+ margin-right: 30px;
1425
+ }
1426
+
1422
1427
  .e-multi-select-wrapper .e-multi-hidden {
1423
1428
  border: 0;
1424
1429
  height: 0;
@@ -542,6 +542,7 @@
542
542
  margin: 0;
543
543
  outline: none;
544
544
  width: 100%;
545
+ overflow: hidden;
545
546
  }
546
547
  .e-ddl.e-input-group input[readonly].e-input,
547
548
  .e-ddl.e-input-group input[readonly],
@@ -1167,6 +1168,10 @@ ejs-dropdownlist {
1167
1168
  display: block;
1168
1169
  }
1169
1170
 
1171
+ .e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
1172
+ margin-right: 30px;
1173
+ }
1174
+
1170
1175
  .e-multi-select-wrapper .e-multi-hidden {
1171
1176
  border: 0;
1172
1177
  height: 0;
package/styles/fabric.css CHANGED
@@ -617,6 +617,7 @@
617
617
  margin: 0;
618
618
  outline: none;
619
619
  width: 100%;
620
+ overflow: hidden;
620
621
  }
621
622
  .e-ddl.e-input-group input[readonly].e-input,
622
623
  .e-ddl.e-input-group input[readonly],
@@ -1415,6 +1416,10 @@ ejs-dropdownlist {
1415
1416
  display: block;
1416
1417
  }
1417
1418
 
1419
+ .e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
1420
+ margin-right: 30px;
1421
+ }
1422
+
1418
1423
  .e-multi-select-wrapper .e-multi-hidden {
1419
1424
  border: 0;
1420
1425
  height: 0;
@@ -617,6 +617,7 @@
617
617
  margin: 0;
618
618
  outline: none;
619
619
  width: 100%;
620
+ overflow: hidden;
620
621
  }
621
622
  .e-ddl.e-input-group input[readonly].e-input,
622
623
  .e-ddl.e-input-group input[readonly],
@@ -1265,6 +1266,10 @@ ejs-dropdownlist {
1265
1266
  display: block;
1266
1267
  }
1267
1268
 
1269
+ .e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
1270
+ margin-right: 30px;
1271
+ }
1272
+
1268
1273
  .e-multi-select-wrapper .e-multi-hidden {
1269
1274
  border: 0;
1270
1275
  height: 0;
@@ -718,6 +718,7 @@
718
718
  margin: 0;
719
719
  outline: none;
720
720
  width: 100%;
721
+ overflow: hidden;
721
722
  }
722
723
  .e-ddl.e-input-group input[readonly].e-input,
723
724
  .e-ddl.e-input-group input[readonly],
@@ -1575,6 +1576,10 @@ ejs-dropdownlist {
1575
1576
  display: block;
1576
1577
  }
1577
1578
 
1579
+ .e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
1580
+ margin-right: 30px;
1581
+ }
1582
+
1578
1583
  .e-multi-select-wrapper .e-multi-hidden {
1579
1584
  border: 0;
1580
1585
  height: 0;
@@ -617,6 +617,7 @@
617
617
  margin: 0;
618
618
  outline: none;
619
619
  width: 100%;
620
+ overflow: hidden;
620
621
  }
621
622
  .e-ddl.e-input-group input[readonly].e-input,
622
623
  .e-ddl.e-input-group input[readonly],
@@ -1265,6 +1266,10 @@ ejs-dropdownlist {
1265
1266
  display: block;
1266
1267
  }
1267
1268
 
1269
+ .e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
1270
+ margin-right: 30px;
1271
+ }
1272
+
1268
1273
  .e-multi-select-wrapper .e-multi-hidden {
1269
1274
  border: 0;
1270
1275
  height: 0;
package/styles/fluent.css CHANGED
@@ -718,6 +718,7 @@
718
718
  margin: 0;
719
719
  outline: none;
720
720
  width: 100%;
721
+ overflow: hidden;
721
722
  }
722
723
  .e-ddl.e-input-group input[readonly].e-input,
723
724
  .e-ddl.e-input-group input[readonly],
@@ -1575,6 +1576,10 @@ ejs-dropdownlist {
1575
1576
  display: block;
1576
1577
  }
1577
1578
 
1579
+ .e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
1580
+ margin-right: 30px;
1581
+ }
1582
+
1578
1583
  .e-multi-select-wrapper .e-multi-hidden {
1579
1584
  border: 0;
1580
1585
  height: 0;
@@ -789,6 +789,7 @@
789
789
  margin: 0;
790
790
  outline: none;
791
791
  width: 100%;
792
+ overflow: hidden;
792
793
  }
793
794
  .e-ddl.e-input-group input[readonly].e-input,
794
795
  .e-ddl.e-input-group input[readonly],
@@ -1471,6 +1472,10 @@ ejs-dropdownlist {
1471
1472
  display: block;
1472
1473
  }
1473
1474
 
1475
+ .e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
1476
+ margin-right: 30px;
1477
+ }
1478
+
1474
1479
  .e-multi-select-wrapper .e-multi-hidden {
1475
1480
  border: 0;
1476
1481
  height: 0;
@@ -881,6 +881,7 @@
881
881
  margin: 0;
882
882
  outline: none;
883
883
  width: 100%;
884
+ overflow: hidden;
884
885
  }
885
886
  .e-ddl.e-input-group input[readonly].e-input,
886
887
  .e-ddl.e-input-group input[readonly],
@@ -1732,6 +1733,10 @@ ejs-dropdownlist {
1732
1733
  display: block;
1733
1734
  }
1734
1735
 
1736
+ .e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
1737
+ margin-right: 30px;
1738
+ }
1739
+
1735
1740
  .e-multi-select-wrapper .e-multi-hidden {
1736
1741
  border: 0;
1737
1742
  height: 0;
@@ -563,6 +563,7 @@
563
563
  margin: 0;
564
564
  outline: none;
565
565
  width: 100%;
566
+ overflow: hidden;
566
567
  }
567
568
  .e-ddl.e-input-group input[readonly].e-input,
568
569
  .e-ddl.e-input-group input[readonly],
@@ -1273,6 +1274,10 @@ ejs-dropdownlist {
1273
1274
  display: block;
1274
1275
  }
1275
1276
 
1277
+ .e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
1278
+ margin-right: 30px;
1279
+ }
1280
+
1276
1281
  .e-multi-select-wrapper .e-multi-hidden {
1277
1282
  border: 0;
1278
1283
  height: 0;
@@ -638,6 +638,7 @@
638
638
  margin: 0;
639
639
  outline: none;
640
640
  width: 100%;
641
+ overflow: hidden;
641
642
  }
642
643
  .e-ddl.e-input-group input[readonly].e-input,
643
644
  .e-ddl.e-input-group input[readonly],
@@ -1510,6 +1511,10 @@ ejs-dropdownlist {
1510
1511
  display: block;
1511
1512
  }
1512
1513
 
1514
+ .e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
1515
+ margin-right: 30px;
1516
+ }
1517
+
1513
1518
  .e-multi-select-wrapper .e-multi-hidden {
1514
1519
  border: 0;
1515
1520
  height: 0;
@@ -563,6 +563,7 @@
563
563
  margin: 0;
564
564
  outline: none;
565
565
  width: 100%;
566
+ overflow: hidden;
566
567
  }
567
568
  .e-ddl.e-input-group input[readonly].e-input,
568
569
  .e-ddl.e-input-group input[readonly],
@@ -1290,6 +1291,10 @@ ejs-dropdownlist {
1290
1291
  display: block;
1291
1292
  }
1292
1293
 
1294
+ .e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
1295
+ margin-right: 30px;
1296
+ }
1297
+
1293
1298
  .e-multi-select-wrapper .e-multi-hidden {
1294
1299
  border: 0;
1295
1300
  height: 0;
@@ -638,6 +638,7 @@
638
638
  margin: 0;
639
639
  outline: none;
640
640
  width: 100%;
641
+ overflow: hidden;
641
642
  }
642
643
  .e-ddl.e-input-group input[readonly].e-input,
643
644
  .e-ddl.e-input-group input[readonly],
@@ -1527,6 +1528,10 @@ ejs-dropdownlist {
1527
1528
  display: block;
1528
1529
  }
1529
1530
 
1531
+ .e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
1532
+ margin-right: 30px;
1533
+ }
1534
+
1530
1535
  .e-multi-select-wrapper .e-multi-hidden {
1531
1536
  border: 0;
1532
1537
  height: 0;
@@ -605,6 +605,7 @@
605
605
  margin: 0;
606
606
  outline: none;
607
607
  width: 100%;
608
+ overflow: hidden;
608
609
  }
609
610
  .e-ddl.e-input-group input[readonly].e-input,
610
611
  .e-ddl.e-input-group input[readonly],
@@ -1614,6 +1615,10 @@ ejs-dropdownlist {
1614
1615
  display: block;
1615
1616
  }
1616
1617
 
1618
+ .e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
1619
+ margin-right: 30px;
1620
+ }
1621
+
1617
1622
  .e-multi-select-wrapper .e-multi-hidden {
1618
1623
  border: 0;
1619
1624
  height: 0;
@@ -679,6 +679,7 @@
679
679
  margin: 0;
680
680
  outline: none;
681
681
  width: 100%;
682
+ overflow: hidden;
682
683
  }
683
684
  .e-ddl.e-input-group input[readonly].e-input,
684
685
  .e-ddl.e-input-group input[readonly],
@@ -2020,6 +2021,10 @@ ejs-dropdownlist {
2020
2021
  display: block;
2021
2022
  }
2022
2023
 
2024
+ .e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
2025
+ margin-right: 30px;
2026
+ }
2027
+
2023
2028
  .e-multi-select-wrapper .e-multi-hidden {
2024
2029
  border: 0;
2025
2030
  height: 0;
@@ -628,6 +628,7 @@
628
628
  margin: 0;
629
629
  outline: none;
630
630
  width: 100%;
631
+ overflow: hidden;
631
632
  }
632
633
  .e-ddl.e-input-group input[readonly].e-input,
633
634
  .e-ddl.e-input-group input[readonly],
@@ -1641,6 +1642,10 @@ ejs-dropdownlist {
1641
1642
  display: block;
1642
1643
  }
1643
1644
 
1645
+ .e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
1646
+ margin-right: 30px;
1647
+ }
1648
+
1644
1649
  .e-multi-select-wrapper .e-multi-hidden {
1645
1650
  border: 0;
1646
1651
  height: 0;
@@ -702,6 +702,7 @@
702
702
  margin: 0;
703
703
  outline: none;
704
704
  width: 100%;
705
+ overflow: hidden;
705
706
  }
706
707
  .e-ddl.e-input-group input[readonly].e-input,
707
708
  .e-ddl.e-input-group input[readonly],
@@ -2068,6 +2069,10 @@ ejs-dropdownlist {
2068
2069
  display: block;
2069
2070
  }
2070
2071
 
2072
+ .e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
2073
+ margin-right: 30px;
2074
+ }
2075
+
2071
2076
  .e-multi-select-wrapper .e-multi-hidden {
2072
2077
  border: 0;
2073
2078
  height: 0;
@@ -653,6 +653,7 @@
653
653
  margin: 0;
654
654
  outline: none;
655
655
  width: 100%;
656
+ overflow: hidden;
656
657
  }
657
658
  .e-ddl.e-input-group input[readonly].e-input,
658
659
  .e-ddl.e-input-group input[readonly],
@@ -1513,6 +1514,10 @@ ejs-dropdownlist {
1513
1514
  display: block;
1514
1515
  }
1515
1516
 
1517
+ .e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
1518
+ margin-right: 30px;
1519
+ }
1520
+
1516
1521
  .e-multi-select-wrapper .e-multi-hidden {
1517
1522
  border: 0;
1518
1523
  height: 0;
@@ -727,6 +727,7 @@
727
727
  margin: 0;
728
728
  outline: none;
729
729
  width: 100%;
730
+ overflow: hidden;
730
731
  }
731
732
  .e-ddl.e-input-group input[readonly].e-input,
732
733
  .e-ddl.e-input-group input[readonly],
@@ -1746,6 +1747,10 @@ ejs-dropdownlist {
1746
1747
  display: block;
1747
1748
  }
1748
1749
 
1750
+ .e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
1751
+ margin-right: 30px;
1752
+ }
1753
+
1749
1754
  .e-multi-select-wrapper .e-multi-hidden {
1750
1755
  border: 0;
1751
1756
  height: 0;
@@ -655,6 +655,7 @@
655
655
  margin: 0;
656
656
  outline: none;
657
657
  width: 100%;
658
+ overflow: hidden;
658
659
  }
659
660
  .e-ddl.e-input-group input[readonly].e-input,
660
661
  .e-ddl.e-input-group input[readonly],
@@ -1515,6 +1516,10 @@ ejs-dropdownlist {
1515
1516
  display: block;
1516
1517
  }
1517
1518
 
1519
+ .e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
1520
+ margin-right: 30px;
1521
+ }
1522
+
1518
1523
  .e-multi-select-wrapper .e-multi-hidden {
1519
1524
  border: 0;
1520
1525
  height: 0;