@syncfusion/ej2-dropdowns 20.2.44 → 20.2.48

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.2.44
+*  version : 20.2.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.2.43",
+  "_id": "@syncfusion/ej2-dropdowns@20.2.46",
   "_inBundle": false,
-  "_integrity": "sha512-eDYUh1Aox6DSh/TiiHU2bjPmp0O5LR2W86+tL/vVUEI7GbD5ZXzwjcK414jM5Pu3pckoUoXdjqyU1qVoibjBJw==",
+  "_integrity": "sha512-H0MyOJ0tnDT7J6f6MGbkNMPeWogMSdAAAtMMh1MM4uD9WcKoyO4KgeY5EzPxaotUR/qwZbEzFCIsDCG9ryN/HA==",
   "_location": "/@syncfusion/ej2-dropdowns",
   "_phantomChildren": {},
   "_requested": {
@@ -33,8 +33,8 @@
     "/@syncfusion/ej2-spreadsheet",
     "/@syncfusion/ej2-vue-dropdowns"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-20.2.43.tgz",
-  "_shasum": "de78f32afa49d61a4cc323357712c7cc81c46eb2",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-20.2.46.tgz",
+  "_shasum": "8b2a5885e1032e680776a7c6078f7cd3b6304933",
   "_spec": "@syncfusion/ej2-dropdowns@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -42,12 +42,12 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.2.43",
-    "@syncfusion/ej2-data": "~20.2.43",
-    "@syncfusion/ej2-inputs": "~20.2.44",
-    "@syncfusion/ej2-lists": "~20.2.43",
-    "@syncfusion/ej2-navigations": "~20.2.44",
-    "@syncfusion/ej2-popups": "~20.2.43"
+    "@syncfusion/ej2-base": "~20.2.48",
+    "@syncfusion/ej2-data": "~20.2.45",
+    "@syncfusion/ej2-inputs": "~20.2.48",
+    "@syncfusion/ej2-lists": "~20.2.46",
+    "@syncfusion/ej2-navigations": "~20.2.48",
+    "@syncfusion/ej2-popups": "~20.2.45"
   },
   "deprecated": false,
   "description": "Essential JS 2 DropDown Components",
@@ -72,6 +72,6 @@
   "module": "./index.js",
   "name": "@syncfusion/ej2-dropdowns",
   "typings": "index.d.ts",
-  "version": "20.2.44",
+  "version": "20.2.48",
   "sideEffects": false
 }

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

@@ -213,6 +213,7 @@ export declare class DropDownBase extends Component<HTMLElement> implements INot
     protected isAngular: boolean;
     protected isPreventChange: boolean;
     protected isDynamicDataChange: boolean;
+    protected addedNewItem: boolean;
     /**
      * The `fields` property maps the columns of the data table and binds the data to the component.
      * * text - Maps the text column from data table for each list item.

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

@@ -86,6 +86,7 @@ var DropDownBase = /** @class */ (function (_super) {
         _this.isAngular = false;
         _this.isPreventChange = false;
         _this.isDynamicDataChange = false;
+        _this.addedNewItem = false;
         return _this;
     }
     DropDownBase.prototype.getPropObject = function (prop, newProp, oldProp) {
@@ -888,7 +889,8 @@ var DropDownBase = /** @class */ (function (_super) {
                     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);
         }
     };
@@ -1146,6 +1148,7 @@ var DropDownBase = /** @class */ (function (_super) {
         if (selectedItemValue || itemIndex === 0) {
             this.updateSelection();
         }
+        this.addedNewItem = true;
     };
     DropDownBase.prototype.validationAttribute = function (target, hidden) {
         var name = target.getAttribute('name') ? target.getAttribute('name') : target.getAttribute('id');

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

@@ -2043,14 +2043,14 @@ var DropDownList = /** @class */ (function (_super) {
         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';
             }
@@ -2099,6 +2099,9 @@ var DropDownList = /** @class */ (function (_super) {
         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();
         }
@@ -2129,6 +2132,11 @@ var DropDownList = /** @class */ (function (_super) {
         if (this.element.hasAttribute('data-val')) {
             this.element.setAttribute('data-val', 'false');
         }
+        var 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();
     };
     DropDownList.prototype.setFooterTemplate = function (popupEle) {

package/src/multi-select/float-label.js

@@ -3,7 +3,7 @@
  * Specifies whether to display the floating label above the input element.
  */
 import { removeClass, addClass, detach } from '@syncfusion/ej2-base';
-import { attributes, isNullOrUndefined, createElement } from '@syncfusion/ej2-base';
+import { attributes, isNullOrUndefined, createElement, getUniqueID } from '@syncfusion/ej2-base';
 var FLOATLINE = 'e-float-line';
 var FLOATTEXT = 'e-float-text';
 var LABELTOP = 'e-label-top';
@@ -23,9 +23,11 @@ var LABELBOTTOM = 'e-label-bottom';
 export function createFloatLabel(overAllWrapper, searchWrapper, element, inputElement, value, floatLabelType, placeholder) {
     var floatLinelement = createElement('span', { className: FLOATLINE });
     var floatLabelElement = createElement('label', { className: FLOATTEXT });
+    var 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);

package/src/multi-select/multi-select.js

@@ -3790,7 +3790,6 @@ var MultiSelect = /** @class */ (function (_super) {
         });
         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';