@syncfusion/ej2-dropdowns 20.4.43 → 20.4.48

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.4.43
+*  version : 20.4.48
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-dropdowns@*",
-  "_id": "@syncfusion/ej2-dropdowns@20.4.42",
+  "_id": "@syncfusion/ej2-dropdowns@20.4.43",
   "_inBundle": false,
-  "_integrity": "sha512-K7kdPh+RUfX2mhzlEg2+pu24HuKD3mLr3qzvVBdFCEKl6EJd1xo3orjax00IdaL5tjAwzvjgP7868ETkGpWeeg==",
+  "_integrity": "sha512-HorUfQln7wRXYTipm53hkzRd3Kcq0TgdgkVZGpPR+O2B0hboQf6mM08hUAgPxgPhUpPBu2PfqIi7rz4IUAnfgQ==",
   "_location": "/@syncfusion/ej2-dropdowns",
   "_phantomChildren": {},
   "_requested": {
@@ -33,8 +33,8 @@
     "/@syncfusion/ej2-spreadsheet",
     "/@syncfusion/ej2-vue-dropdowns"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-20.4.42.tgz",
-  "_shasum": "de4ca30f6d67f9b773f17c06c91bec5ef4359af1",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-20.4.43.tgz",
+  "_shasum": "c69b0e6b9b8c0eedcd2056d2227617175c4a7df5",
   "_spec": "@syncfusion/ej2-dropdowns@*",
   "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/packages/included",
   "author": {
@@ -42,12 +42,12 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.4.42",
-    "@syncfusion/ej2-data": "~20.4.42",
-    "@syncfusion/ej2-inputs": "~20.4.42",
-    "@syncfusion/ej2-lists": "~20.4.42",
-    "@syncfusion/ej2-navigations": "~20.4.43",
-    "@syncfusion/ej2-popups": "~20.4.43"
+    "@syncfusion/ej2-base": "~20.4.48",
+    "@syncfusion/ej2-data": "~20.4.48",
+    "@syncfusion/ej2-inputs": "~20.4.48",
+    "@syncfusion/ej2-lists": "~20.4.48",
+    "@syncfusion/ej2-navigations": "~20.4.48",
+    "@syncfusion/ej2-popups": "~20.4.48"
   },
   "deprecated": false,
   "description": "Essential JS 2 DropDown Components",
@@ -72,7 +72,7 @@
   "module": "./index.js",
   "name": "@syncfusion/ej2-dropdowns",
   "typings": "index.d.ts",
-  "version": "20.4.43",
+  "version": "20.4.48",
   "sideEffects": false,
   "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

package/src/drop-down-list/drop-down-list.js

@@ -1028,8 +1028,8 @@ var DropDownList = /** @class */ (function (_super) {
             this.setScrollPosition(e);
         }
         if (Browser.info.name !== 'mozilla') {
-            attributes(this.targetElement(), { 'aria-label': this.inputElement.value });
             if (this.targetElement()) {
+                attributes(this.targetElement(), { 'aria-label': this.inputElement.value });
                 attributes(this.targetElement(), { 'aria-describedby': this.inputElement.id != '' ? this.inputElement.id : this.element.id });
                 this.targetElement().removeAttribute('aria-live');
             }

package/src/drop-down-tree/drop-down-tree-model.d.ts

@@ -1,4 +1,4 @@
-import { Input, InputObject, FloatLabelType, TextBox, InputEventArgs } from '@syncfusion/ej2-inputs';import { createCheckBox } from '@syncfusion/ej2-buttons';import { NotifyPropertyChanges, INotifyPropertyChanged, Property, Event, EmitType } from '@syncfusion/ej2-base';import { Component, EventHandler, attributes, formatUnit, ChildProperty, remove, L10n, extend } from '@syncfusion/ej2-base';import { addClass, removeClass, detach, prepend, Complex, closest, setValue, getValue, compile, append } from '@syncfusion/ej2-base';import { select, selectAll, isNullOrUndefined as isNOU, matches, Browser, KeyboardEvents, KeyboardEventArgs } from '@syncfusion/ej2-base';import { DataManager, Query, DataUtil } from '@syncfusion/ej2-data';import { Popup } from '@syncfusion/ej2-popups';import { TreeView, NodeSelectEventArgs, DataBoundEventArgs, FieldsSettingsModel, NodeClickEventArgs } from '@syncfusion/ej2-navigations';import { NodeCheckEventArgs, FailureEventArgs} from '@syncfusion/ej2-navigations';
+import { Input, InputObject, FloatLabelType, TextBox, InputEventArgs } from '@syncfusion/ej2-inputs';import { createCheckBox } from '@syncfusion/ej2-buttons';import { NotifyPropertyChanges, INotifyPropertyChanged, Property, Event, EmitType } from '@syncfusion/ej2-base';import { Component, EventHandler, attributes, formatUnit, ChildProperty, remove, L10n, extend } from '@syncfusion/ej2-base';import { addClass, removeClass, detach, prepend, Complex, closest, setValue, getValue, compile, append } from '@syncfusion/ej2-base';import { select, selectAll, isNullOrUndefined as isNOU, matches, Browser, KeyboardEvents, KeyboardEventArgs } from '@syncfusion/ej2-base';import { DataManager, Query, DataUtil } from '@syncfusion/ej2-data';import { Popup } from '@syncfusion/ej2-popups';import { TreeView, NodeSelectEventArgs, DataBoundEventArgs, FieldsSettingsModel, NodeClickEventArgs, NodeExpandEventArgs } from '@syncfusion/ej2-navigations';import { NodeCheckEventArgs, FailureEventArgs} from '@syncfusion/ej2-navigations';
 import {Mode,ExpandOn,TreeFilterType,SortOrder,DdtBeforeOpenEventArgs,DdtChangeEventArgs,DdtPopupEventArgs,DdtDataBoundEventArgs,DdtFilteringEventArgs,DdtFocusEventArgs,DdtKeyPressEventArgs,DdtSelectEventArgs} from "./drop-down-tree";
 import {ComponentModel} from '@syncfusion/ej2-base';
 

package/src/drop-down-tree/drop-down-tree.d.ts

@@ -762,6 +762,7 @@ export declare class DropDownTree extends Component<HTMLElement> implements INot
     private onNodeClicked;
     private onNodeChecked;
     private beforeCheck;
+    private onNodeExpanded;
     private updateClearButton;
     private updateDropDownIconState;
     private updateMode;

package/src/drop-down-tree/drop-down-tree.js

@@ -1096,7 +1096,7 @@ var DropDownTree = /** @class */ (function (_super) {
             if (isValid && this.value !== null && (this.value && this.value.length !== 0)) {
                 addClass([this.inputEle], CHIP_INPUT);
             }
-            else if (this.value === null || (this.value && this.value.length === 0)) {
+            else if (this.value === null || (this.value && this.value.length === 0) || this.chipWrapper) {
                 addClass([this.chipWrapper], HIDEICON);
             }
         }
@@ -1454,6 +1454,7 @@ var DropDownTree = /** @class */ (function (_super) {
             nodeSelected: this.onNodeSelected.bind(this),
             nodeChecked: this.onNodeChecked.bind(this),
             nodeChecking: this.beforeCheck.bind(this),
+            nodeExpanded: this.onNodeExpanded.bind(this),
             actionFailure: this.onActionFailure.bind(this),
             nodeClicked: this.onNodeClicked.bind(this),
             dataBound: this.OnDataBound.bind(this),
@@ -1561,7 +1562,7 @@ var DropDownTree = /** @class */ (function (_super) {
             var height = Math.round(this.header.getBoundingClientRect().height);
             popupHeight = formatUnit(parseInt(popupHeight, 10) - height + 'px');
         }
-        if (this.showCheckBox && this.showSelectAll) {
+        if (this.showCheckBox && this.showSelectAll && (!this.popupDiv.classList.contains(NODATA))) {
             var height = Math.round(this.checkAllParent.getBoundingClientRect().height);
             popupHeight = formatUnit(parseInt(popupHeight, 10) - height + 'px');
         }
@@ -1972,6 +1973,13 @@ var DropDownTree = /** @class */ (function (_super) {
             this.oldValue = this.value ? this.value.slice() : this.value;
         }
     };
+    DropDownTree.prototype.onNodeExpanded = function (args) {
+        if (this.hasTemplate && this.portals) {
+            this.portals = [].concat(this.treeObj.portals);
+            /* eslint-enable */
+            this.renderReactTemplates();
+        }
+    };
     DropDownTree.prototype.updateClearButton = function (state) {
         if (state) {
             if (!this.inputWrapper.contains(this.overAllClear)) {
@@ -2568,8 +2576,6 @@ var DropDownTree = /** @class */ (function (_super) {
         }
         else {
             this.noRecord = this.createElement('div');
-            addClass([this.noRecord], NODATACONTAINER);
-            prepend([this.noRecord], this.popupDiv);
         }
         if (this.noRecordsTemplate !== 'No Records Found' || this.actionFailureTemplate !== 'The Request Failed') {
             var template = actionFailure ? this.actionFailureTemplate : this.noRecordsTemplate;
@@ -2581,6 +2587,8 @@ var DropDownTree = /** @class */ (function (_super) {
             if (tempArr) {
                 tempArr = Array.prototype.slice.call(tempArr);
                 append(tempArr, this.noRecord);
+                addClass([this.noRecord], NODATACONTAINER);
+                prepend([this.noRecord], this.popupDiv);
             }
         }
         else {
@@ -2589,6 +2597,8 @@ var DropDownTree = /** @class */ (function (_super) {
             this.l10n = new L10n(this.getLocaleName(), l10nLocale, this.locale);
             this.noRecord.innerHTML = actionFailure ?
                 this.l10n.getConstant('actionFailureTemplate') : this.l10n.getConstant('noRecordsTemplate');
+            addClass([this.noRecord], NODATACONTAINER);
+            prepend([this.noRecord], this.popupDiv);
         }
     };
     DropDownTree.prototype.updateRecordTemplate = function (action) {

package/src/list-box/list-box.js

@@ -1936,6 +1936,9 @@ var ListBox = /** @class */ (function (_super) {
                 else {
                     text = value;
                 }
+                if (typeof (text) === 'string') {
+                    text = text.split("\\").join("\\\\");
+                }
                 li = _this.list.querySelector('[data-value="' + text + '"]');
                 if (li) {
                     if (_this.selectionSettings.showCheckbox) {

package/styles/bootstrap-dark.css

@@ -547,6 +547,9 @@
 .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
   margin: 0;
 }
+.e-popup-full-page .e-popup-full-page.e-ios {
+  position: fixed;
+}
 
 .e-ddl.e-control-wrapper .e-ddl-disable-icon {
   position: relative;
@@ -1526,8 +1529,8 @@ ejs-dropdownlist {
   height: 32px;
   min-height: 32px;
   outline: none;
-  padding: 0;
-  text-indent: 6px;
+  padding: 0 0 0 12px;
+  text-indent: 0;
 }
 
 .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {

package/styles/bootstrap.css

@@ -547,6 +547,9 @@
 .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
   margin: 0;
 }
+.e-popup-full-page .e-popup-full-page.e-ios {
+  position: fixed;
+}
 
 .e-ddl.e-control-wrapper .e-ddl-disable-icon {
   position: relative;
@@ -1525,8 +1528,8 @@ ejs-dropdownlist {
   height: 32px;
   min-height: 32px;
   outline: none;
-  padding: 0;
-  text-indent: 6px;
+  padding: 0 0 0 12px;
+  text-indent: 0;
 }
 
 .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {

package/styles/bootstrap4.css

@@ -591,6 +591,9 @@
 .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
   margin: 0;
 }
+.e-popup-full-page .e-popup-full-page.e-ios {
+  position: fixed;
+}
 
 .e-ddl.e-control-wrapper .e-ddl-disable-icon {
   position: relative;
@@ -1674,8 +1677,8 @@ ejs-dropdownlist {
   height: 29px;
   min-height: 29px;
   outline: none;
-  padding: 0;
-  text-indent: 6px;
+  padding: 0 0 0 8px;
+  text-indent: 0;
 }
 
 .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {

package/styles/bootstrap5-dark.css

@@ -613,6 +613,9 @@
 .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
   margin: 0;
 }
+.e-popup-full-page .e-popup-full-page.e-ios {
+  position: fixed;
+}
 
 .e-ddl.e-control-wrapper .e-ddl-disable-icon {
   position: relative;
@@ -1674,8 +1677,8 @@ ejs-dropdownlist {
   height: 30px;
   min-height: 30px;
   outline: none;
-  padding: 0;
-  text-indent: 8px;
+  padding: 0 0 0 8px;
+  text-indent: 0;
 }
 
 .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {

package/styles/bootstrap5.css

@@ -613,6 +613,9 @@
 .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
   margin: 0;
 }
+.e-popup-full-page .e-popup-full-page.e-ios {
+  position: fixed;
+}
 
 .e-ddl.e-control-wrapper .e-ddl-disable-icon {
   position: relative;
@@ -1674,8 +1677,8 @@ ejs-dropdownlist {
   height: 30px;
   min-height: 30px;
   outline: none;
-  padding: 0;
-  text-indent: 8px;
+  padding: 0 0 0 8px;
+  text-indent: 0;
 }
 
 .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {

package/styles/drop-down-list/_layout.scss

@@ -54,6 +54,9 @@
     #{&}.e-ddl.e-popup.e-ddl-device-filter {
       margin: $ddl-filter-margin;
     }
+    #{&}.e-ios {
+      position: fixed;
+    }
   }
 
   .e-ddl.e-control-wrapper .e-ddl-disable-icon {

package/styles/drop-down-list/bootstrap-dark.css

@@ -183,6 +183,9 @@
 .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
   margin: 0;
 }
+.e-popup-full-page .e-popup-full-page.e-ios {
+  position: fixed;
+}
 
 .e-ddl.e-control-wrapper .e-ddl-disable-icon {
   position: relative;

package/styles/drop-down-list/bootstrap.css

@@ -183,6 +183,9 @@
 .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
   margin: 0;
 }
+.e-popup-full-page .e-popup-full-page.e-ios {
+  position: fixed;
+}
 
 .e-ddl.e-control-wrapper .e-ddl-disable-icon {
   position: relative;

package/styles/drop-down-list/bootstrap4.css

@@ -227,6 +227,9 @@
 .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
   margin: 0;
 }
+.e-popup-full-page .e-popup-full-page.e-ios {
+  position: fixed;
+}
 
 .e-ddl.e-control-wrapper .e-ddl-disable-icon {
   position: relative;

package/styles/drop-down-list/bootstrap5-dark.css

@@ -243,6 +243,9 @@
 .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
   margin: 0;
 }
+.e-popup-full-page .e-popup-full-page.e-ios {
+  position: fixed;
+}
 
 .e-ddl.e-control-wrapper .e-ddl-disable-icon {
   position: relative;

package/styles/drop-down-list/bootstrap5.css

@@ -243,6 +243,9 @@
 .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
   margin: 0;
 }
+.e-popup-full-page .e-popup-full-page.e-ios {
+  position: fixed;
+}
 
 .e-ddl.e-control-wrapper .e-ddl-disable-icon {
   position: relative;

package/styles/drop-down-list/fabric-dark.css

@@ -159,6 +159,9 @@
 .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
   margin: 0;
 }
+.e-popup-full-page .e-popup-full-page.e-ios {
+  position: fixed;
+}
 
 .e-ddl.e-control-wrapper .e-ddl-disable-icon {
   position: relative;

package/styles/drop-down-list/fabric.css

@@ -152,6 +152,9 @@
 .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
   margin: 0;
 }
+.e-popup-full-page .e-popup-full-page.e-ios {
+  position: fixed;
+}
 
 .e-ddl.e-control-wrapper .e-ddl-disable-icon {
   position: relative;

package/styles/drop-down-list/fluent-dark.css

@@ -223,6 +223,9 @@
 .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
   margin: 0;
 }
+.e-popup-full-page .e-popup-full-page.e-ios {
+  position: fixed;
+}
 
 .e-ddl.e-control-wrapper .e-ddl-disable-icon {
   position: relative;

package/styles/drop-down-list/fluent.css

@@ -223,6 +223,9 @@
 .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
   margin: 0;
 }
+.e-popup-full-page .e-popup-full-page.e-ios {
+  position: fixed;
+}
 
 .e-ddl.e-control-wrapper .e-ddl-disable-icon {
   position: relative;

package/styles/drop-down-list/highcontrast-light.css

@@ -170,6 +170,9 @@
 .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
   margin: 0;
 }
+.e-popup-full-page .e-popup-full-page.e-ios {
+  position: fixed;
+}
 
 .e-ddl.e-control-wrapper .e-ddl-disable-icon {
   position: relative;

package/styles/drop-down-list/highcontrast.css

@@ -170,6 +170,9 @@
 .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
   margin: 0;
 }
+.e-popup-full-page .e-popup-full-page.e-ios {
+  position: fixed;
+}
 
 .e-ddl.e-control-wrapper .e-ddl-disable-icon {
   position: relative;

package/styles/drop-down-list/material-dark.css

@@ -190,6 +190,9 @@
 .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
   margin: 0;
 }
+.e-popup-full-page .e-popup-full-page.e-ios {
+  position: fixed;
+}
 
 .e-ddl.e-control-wrapper .e-ddl-disable-icon {
   position: relative;

package/styles/drop-down-list/material.css

@@ -223,6 +223,9 @@
 .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
   margin: 0;
 }
+.e-popup-full-page .e-popup-full-page.e-ios {
+  position: fixed;
+}
 
 .e-ddl.e-control-wrapper .e-ddl-disable-icon {
   position: relative;

package/styles/drop-down-list/tailwind-dark.css

@@ -195,6 +195,9 @@
 .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
   margin: 0;
 }
+.e-popup-full-page .e-popup-full-page.e-ios {
+  position: fixed;
+}
 
 .e-ddl.e-control-wrapper .e-ddl-disable-icon {
   position: relative;

package/styles/drop-down-list/tailwind.css

@@ -195,6 +195,9 @@
 .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
   margin: 0;
 }
+.e-popup-full-page .e-popup-full-page.e-ios {
+  position: fixed;
+}
 
 .e-ddl.e-control-wrapper .e-ddl-disable-icon {
   position: relative;

package/styles/fabric-dark.css

@@ -523,6 +523,9 @@
 .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
   margin: 0;
 }
+.e-popup-full-page .e-popup-full-page.e-ios {
+  position: fixed;
+}
 
 .e-ddl.e-control-wrapper .e-ddl-disable-icon {
   position: relative;
@@ -1497,8 +1500,8 @@ ejs-dropdownlist {
   height: 28px;
   min-height: 28px;
   outline: none;
-  padding: 0;
-  text-indent: 10px;
+  padding: 0 0 0 10px;
+  text-indent: 0;
 }
 
 .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {

package/styles/fabric.css

@@ -516,6 +516,9 @@
 .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
   margin: 0;
 }
+.e-popup-full-page .e-popup-full-page.e-ios {
+  position: fixed;
+}
 
 .e-ddl.e-control-wrapper .e-ddl-disable-icon {
   position: relative;
@@ -1491,8 +1494,8 @@ ejs-dropdownlist {
   height: 28px;
   min-height: 28px;
   outline: none;
-  padding: 0;
-  text-indent: 10px;
+  padding: 0 0 0 10px;
+  text-indent: 0;
 }
 
 .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {

package/styles/fluent-dark.css

@@ -609,6 +609,9 @@
 .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
   margin: 0;
 }
+.e-popup-full-page .e-popup-full-page.e-ios {
+  position: fixed;
+}
 
 .e-ddl.e-control-wrapper .e-ddl-disable-icon {
   position: relative;
@@ -1714,8 +1717,8 @@ ejs-dropdownlist {
   height: 30px;
   min-height: 30px;
   outline: none;
-  padding: 0;
-  text-indent: 8px;
+  padding: 0 0 0 8px;
+  text-indent: 0;
 }
 
 .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {

package/styles/fluent.css

@@ -609,6 +609,9 @@
 .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
   margin: 0;
 }
+.e-popup-full-page .e-popup-full-page.e-ios {
+  position: fixed;
+}
 
 .e-ddl.e-control-wrapper .e-ddl-disable-icon {
   position: relative;
@@ -1714,8 +1717,8 @@ ejs-dropdownlist {
   height: 30px;
   min-height: 30px;
   outline: none;
-  padding: 0;
-  text-indent: 8px;
+  padding: 0 0 0 8px;
+  text-indent: 0;
 }
 
 .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {

package/styles/highcontrast-light.css

@@ -534,6 +534,9 @@
 .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
   margin: 0;
 }
+.e-popup-full-page .e-popup-full-page.e-ios {
+  position: fixed;
+}
 
 .e-ddl.e-control-wrapper .e-ddl-disable-icon {
   position: relative;
@@ -1600,8 +1603,8 @@ ejs-dropdownlist {
   height: 28px;
   min-height: 28px;
   outline: none;
-  padding: 0;
-  text-indent: 10px;
+  padding: 0 0 0 10px;
+  text-indent: 0;
 }
 
 .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {

package/styles/highcontrast.css

@@ -534,6 +534,9 @@
 .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
   margin: 0;
 }
+.e-popup-full-page .e-popup-full-page.e-ios {
+  position: fixed;
+}
 
 .e-ddl.e-control-wrapper .e-ddl-disable-icon {
   position: relative;
@@ -1606,8 +1609,8 @@ ejs-dropdownlist {
   height: 28px;
   min-height: 28px;
   outline: none;
-  padding: 0;
-  text-indent: 10px;
+  padding: 0 0 0 10px;
+  text-indent: 0;
 }
 
 .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {

package/styles/material-dark.css

@@ -554,6 +554,9 @@
 .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
   margin: 0;
 }
+.e-popup-full-page .e-popup-full-page.e-ios {
+  position: fixed;
+}
 
 .e-ddl.e-control-wrapper .e-ddl-disable-icon {
   position: relative;
@@ -2394,7 +2397,7 @@ ejs-dropdownlist {
   height: 28px;
   min-height: 28px;
   outline: none;
-  padding: 0;
+  padding: 4px 0 4px 0;
   text-indent: 0;
 }
 

package/styles/material.css

@@ -587,6 +587,9 @@
 .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
   margin: 0;
 }
+.e-popup-full-page .e-popup-full-page.e-ios {
+  position: fixed;
+}
 
 .e-ddl.e-control-wrapper .e-ddl-disable-icon {
   position: relative;
@@ -2451,7 +2454,7 @@ ejs-dropdownlist {
   height: 28px;
   min-height: 28px;
   outline: none;
-  padding: 0;
+  padding: 4px 0 4px 0;
   text-indent: 0;
 }
 

package/styles/multi-select/_bootstrap-dark-definition.scss

@@ -88,6 +88,7 @@ $ddl-sel-chip-close-mobile-left: 17px !default;
 $ddl-chip-sel-mobile-close-height: 40px !default;
 $ddl-chip-sel-mobile-close-margin: 0 0 0 0 !default;
 $ddl-input-text-indent: 6px !default;
+$ddl-input-placeholder-padding: 0 0 0 12px !default;
 $ddl-rtl-chip-sel-close-left: -10px !default;
 $ddl-popup-active-focus-bg-color: $brand-primary !default;
 $ddl-popup-active-focus-font-color: $brand-primary-font !default;

package/styles/multi-select/_bootstrap-definition.scss

@@ -87,6 +87,7 @@ $ddl-sel-chip-close-mobile-left: 17px !default;
 $ddl-chip-sel-mobile-close-height: 40px !default;
 $ddl-chip-sel-mobile-close-margin: 0 0 0 0 !default;
 $ddl-input-text-indent: 6px !default;
+$ddl-input-placeholder-padding: 0 0 0 12px !default;
 $ddl-rtl-chip-sel-close-left: -10px !default;
 $ddl-popup-active-focus-bg-color: $brand-primary !default;
 $ddl-popup-active-focus-font-color: $brand-primary-font !default;

package/styles/multi-select/_bootstrap4-definition.scss

@@ -90,6 +90,7 @@ $ddl-sel-chip-close-mobile-left: 17px !default;
 $ddl-chip-sel-mobile-close-height: 40px !default;
 $ddl-chip-sel-mobile-close-margin: 0 0 0 0 !default;
 $ddl-input-text-indent: 6px !default;
+$ddl-input-placeholder-padding: 0 0 0 8px !default;
 $ddl-rtl-chip-sel-close-left: -10px !default;
 $ddl-popup-active-focus-bg-color: $primary !default;
 $ddl-popup-active-focus-font-color: $primary-font !default;

package/styles/multi-select/_bootstrap5-definition.scss

@@ -75,6 +75,7 @@ $ddl-sel-chip-close-mobile-left: 12px !default;
 $ddl-chip-sel-mobile-close-height: 40px !default;
 $ddl-chip-sel-mobile-close-margin: 0 0 0 0 !default;
 $ddl-input-text-indent: 8px !default;
+$ddl-input-placeholder-padding: 0 0 0 8px !default;
 $ddl-rtl-chip-sel-close-left: -12px !default;
 $ddl-popup-active-focus-border-width: 0 !default;
 $ddl-popup-active-focus-shadow-item: none !default;