@syncfusion/ej2-dropdowns 26.1.35 → 26.1.38

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

@@ -8045,6 +8045,9 @@ let DropDownTree = class DropDownTree extends Component {
         }
         this.currentText = this.text;
         this.currentValue = this.value;
+        if (!isNullOrUndefined(this.value) && this.value.length > 0 && !isNullOrUndefined(this.currentText)) {
+            this.inputWrapper.setAttribute('aria-label', this.currentText.split(',').join(' '));
+        }
         if (this.isInitialized) {
             this.triggerChangeEvent();
         }
@@ -8581,6 +8584,9 @@ let DropDownTree = class DropDownTree extends Component {
                 this.setProperties({ text: selectedText }, true);
                 this.currentText = this.text;
                 this.currentValue = this.value;
+                if (!isNullOrUndefined(this.value) && this.value.length > 0) {
+                    this.inputWrapper.setAttribute('aria-label', args.nodeData.text.toString());
+                }
                 attributes(this.inputWrapper, { 'aria-describedby': this.element.id });
                 attributes(this.inputWrapper, { 'aria-activedescendant': id.toString() });
                 this.updateHiddenValue();
@@ -8950,6 +8956,12 @@ let DropDownTree = class DropDownTree extends Component {
         }
         this.currentText = this.text;
         this.currentValue = this.value;
+        if (!isNullOrUndefined(this.value) && this.value.length > 0 && !isNullOrUndefined(this.currentText)) {
+            this.inputWrapper.setAttribute('aria-label', this.currentText.split(',').join(' '));
+        }
+        else {
+            this.inputWrapper.setAttribute('aria-label', this.getModuleName());
+        }
     }
     setChipValues(text, value) {
         if (!this.inputWrapper.contains(this.chipWrapper)) {
@@ -9130,6 +9142,9 @@ let DropDownTree = class DropDownTree extends Component {
             this.oldValue = this.value;
             this.setProperties({ value: [] }, true);
         }
+        if (isNullOrUndefined(this.value) || this.value.length === 0) {
+            this.inputWrapper.setAttribute('aria-label', this.getModuleName());
+        }
         this.dataValue = null;
         this.setProperties({ text: null }, true);
         this.selectedData = [];
@@ -18021,6 +18036,7 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
         this.list.setAttribute('role', 'listbox');
         attributes(this.list, { 'role': 'listbox', 'aria-label': 'listbox', 'aria-multiselectable': this.selectionSettings.mode === 'Multiple' ? 'true' : 'false' });
         this.updateSelectionSettings();
+        this.resizeHandler();
     }
     updateSelectionSettings() {
         if (this.selectionSettings.showCheckbox && this.selectionSettings.showSelectAll && this.liCollections.length) {
@@ -18984,6 +19000,7 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
         if (form) {
             EventHandler.add(form, 'reset', this.formResetHandler, this);
         }
+        window.addEventListener('resize', this.resizeHandler.bind(this));
     }
     wireToolbarEvent() {
         if (this.toolbarSettings.items.length) {
@@ -19005,6 +19022,7 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
         if (form) {
             EventHandler.remove(form, 'reset', this.formResetHandler);
         }
+        window.removeEventListener('resize', this.resizeHandler.bind(this));
     }
     clickHandler(e) {
         const li = closest(e.target, '.' + 'e-list-item');
@@ -19848,6 +19866,14 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
             this.refreshClearIcon();
         }
     }
+    resizeHandler() {
+        if (this.list.scrollWidth > this.list.offsetWidth) {
+            this.list.querySelector('.e-list-parent').style.display = 'inline-block';
+        }
+        else {
+            this.list.querySelector('.e-list-parent').style.display = 'block';
+        }
+    }
     getValidIndex(cli, index, keyCode) {
         const cul = this.ulElement;
         if (cli.classList.contains('e-disabled') || cli.classList.contains(cssClass.group)) {