@syncfusion/ej2-dropdowns 20.2.44 → 20.2.48

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

@@ -238,6 +238,7 @@ let DropDownBase = class DropDownBase extends Component {
         this.isAngular = false;
         this.isPreventChange = false;
         this.isDynamicDataChange = false;
+        this.addedNewItem = false;
     }
     getPropObject(prop, newProp, oldProp) {
         const newProperty = new Object();
@@ -1034,7 +1035,8 @@ let DropDownBase = class DropDownBase extends Component {
                     dataSource = this.selectData;
                 }
             }
-            dataSource = this.getModuleName() === 'combobox' && this.selectData && dataSource instanceof Array && dataSource.length < this.selectData.length ? this.selectData : dataSource;
+            dataSource = this.getModuleName() === 'combobox' && this.selectData && dataSource instanceof Array && dataSource.length < this.selectData.length && this.addedNewItem ? this.selectData : dataSource;
+            this.addedNewItem = false;
             this.setListData(dataSource, fields, query, e);
         }
     }
@@ -1291,6 +1293,7 @@ let DropDownBase = class DropDownBase extends Component {
         if (selectedItemValue || itemIndex === 0) {
             this.updateSelection();
         }
+        this.addedNewItem = true;
     }
     validationAttribute(target, hidden) {
         const name = target.getAttribute('name') ? target.getAttribute('name') : target.getAttribute('id');
@@ -3447,14 +3450,14 @@ let DropDownList = class DropDownList extends DropDownBase {
         if (this.element.tagName === 'INPUT') {
             this.inputElement = this.element;
             if (isNullOrUndefined(this.inputElement.getAttribute('role'))) {
-                this.inputElement.setAttribute('role', 'textbox');
+                this.inputElement.setAttribute('role', 'combobox');
             }
             if (isNullOrUndefined(this.inputElement.getAttribute('type'))) {
                 this.inputElement.setAttribute('type', 'text');
             }
         }
         else {
-            this.inputElement = this.createElement('input', { attrs: { role: 'textbox', type: 'text' } });
+            this.inputElement = this.createElement('input', { attrs: { role: 'combobox', type: 'text' } });
             if (this.element.tagName !== this.getNgDirective()) {
                 this.element.style.display = 'none';
             }
@@ -3503,6 +3506,9 @@ let DropDownList = class DropDownList extends DropDownBase {
         attributes(this.targetElement(), this.getAriaAttributes());
         this.updateDataAttribute(this.htmlAttributes);
         this.setHTMLAttributes();
+        if (this.targetElement() === this.inputElement) {
+            this.inputElement.removeAttribute('aria-labelledby');
+        }
         if (this.value !== null || this.activeIndex !== null || this.text !== null) {
             this.initValue();
         }
@@ -3533,6 +3539,11 @@ let DropDownList = class DropDownList extends DropDownBase {
         if (this.element.hasAttribute('data-val')) {
             this.element.setAttribute('data-val', 'false');
         }
+        const floatLabelElement = this.inputWrapper.container.getElementsByClassName('e-float-text')[0];
+        if (!isNullOrUndefined(this.element.id) && this.element.id !== '' && !isNullOrUndefined(floatLabelElement)) {
+            floatLabelElement.id = 'label_' + this.element.id.replace(/ /g, '_');
+            attributes(this.inputElement, { 'aria-labelledby': floatLabelElement.id });
+        }
         this.renderComplete();
     }
     setFooterTemplate(popupEle) {
@@ -8581,9 +8592,11 @@ const LABELBOTTOM = 'e-label-bottom';
 function createFloatLabel(overAllWrapper, searchWrapper, element, inputElement, value, floatLabelType, placeholder) {
     const floatLinelement = createElement('span', { className: FLOATLINE });
     const floatLabelElement = createElement('label', { className: FLOATTEXT });
+    const id = element.getAttribute('id') ? element.getAttribute('id') : getUniqueID('ej2_multiselect');
+    element.id = id;
     if (!isNullOrUndefined(element.id) && element.id !== '') {
         floatLabelElement.id = 'label_' + element.id.replace(/ /g, '_');
-        attributes(element, { 'aria-labelledby': floatLabelElement.id });
+        attributes(inputElement, { 'aria-labelledby': floatLabelElement.id });
     }
     if (!isNullOrUndefined(inputElement.placeholder) && inputElement.placeholder !== '') {
         floatLabelElement.innerText = encodePlaceholder(inputElement.placeholder);
@@ -12457,7 +12470,6 @@ let MultiSelect = class MultiSelect extends DropDownBase {
         });
         if (this.mode === 'Default' || this.mode === 'Box') {
             this.inputElement.setAttribute('aria-describedby', this.chipCollectionWrapper.id);
-            this.inputElement.setAttribute('aria-labelledby', this.chipCollectionWrapper.id);
         }
         if (this.element.tagName !== this.getNgDirective()) {
             this.element.style.display = 'none';