@syncfusion/ej2-dropdowns 20.4.42 → 20.4.48

package/dist/es6/ej2-dropdowns.es2015.js

@@ -2468,8 +2468,8 @@ let DropDownList = class DropDownList extends DropDownBase {
             this.setScrollPosition(e);
         }
         if (Browser.info.name !== 'mozilla') {
-            attributes(this.inputElement, { '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');
             }
@@ -5369,7 +5369,7 @@ let DropDownTree = class DropDownTree extends Component {
             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);
             }
         }
@@ -5724,6 +5724,7 @@ let DropDownTree = class DropDownTree extends Component {
             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),
@@ -5830,7 +5831,7 @@ let DropDownTree = class DropDownTree extends Component {
             const 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))) {
             const height = Math.round(this.checkAllParent.getBoundingClientRect().height);
             popupHeight = formatUnit(parseInt(popupHeight, 10) - height + 'px');
         }
@@ -6240,6 +6241,13 @@ let DropDownTree = class DropDownTree extends Component {
             this.oldValue = this.value ? this.value.slice() : this.value;
         }
     }
+    onNodeExpanded(args) {
+        if (this.hasTemplate && this.portals) {
+            this.portals = [].concat(this.treeObj.portals);
+            /* eslint-enable */
+            this.renderReactTemplates();
+        }
+    }
     updateClearButton(state) {
         if (state) {
             if (!this.inputWrapper.contains(this.overAllClear)) {
@@ -6835,8 +6843,6 @@ let DropDownTree = class DropDownTree extends Component {
         }
         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') {
             const template = actionFailure ? this.actionFailureTemplate : this.noRecordsTemplate;
@@ -6848,6 +6854,8 @@ let DropDownTree = class DropDownTree extends Component {
             if (tempArr) {
                 tempArr = Array.prototype.slice.call(tempArr);
                 append(tempArr, this.noRecord);
+                addClass([this.noRecord], NODATACONTAINER);
+                prepend([this.noRecord], this.popupDiv);
             }
         }
         else {
@@ -6856,6 +6864,8 @@ let DropDownTree = class DropDownTree extends Component {
             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);
         }
     }
     updateRecordTemplate(action) {
@@ -15463,6 +15473,9 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
                 else {
                     text = value;
                 }
+                if (typeof (text) === 'string') {
+                    text = text.split("\\").join("\\\\");
+                }
                 li = this.list.querySelector('[data-value="' + text + '"]');
                 if (li) {
                     if (this.selectionSettings.showCheckbox) {