@syncfusion/ej2-dropdowns 20.3.58 → 20.3.59

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

@@ -851,18 +851,20 @@ let DropDownBase = class DropDownBase extends Component {
         return extend({}, options, fields, true);
     }
     setFloatingHeader(e) {
-        if (isNullOrUndefined(this.fixedHeaderElement)) {
-            this.fixedHeaderElement = this.createElement('div', { className: dropDownBaseClasses.fixedHead });
-            if (!this.list.querySelector('li').classList.contains(dropDownBaseClasses.group)) {
-                this.fixedHeaderElement.style.display = 'none';
+        if (!isNullOrUndefined(this.list) && !this.list.classList.contains(dropDownBaseClasses.noData)) {
+            if (isNullOrUndefined(this.fixedHeaderElement)) {
+                this.fixedHeaderElement = this.createElement('div', { className: dropDownBaseClasses.fixedHead });
+                if (!this.list.querySelector('li').classList.contains(dropDownBaseClasses.group)) {
+                    this.fixedHeaderElement.style.display = 'none';
+                }
+                prepend([this.fixedHeaderElement], this.list);
+                this.setFixedHeader();
             }
-            prepend([this.fixedHeaderElement], this.list);
-            this.setFixedHeader();
-        }
-        if (!isNullOrUndefined(this.fixedHeaderElement) && this.fixedHeaderElement.style.zIndex === '0') {
-            this.setFixedHeader();
+            if (!isNullOrUndefined(this.fixedHeaderElement) && this.fixedHeaderElement.style.zIndex === '0') {
+                this.setFixedHeader();
+            }
+            this.scrollStop(e);
         }
-        this.scrollStop(e);
     }
     scrollStop(e) {
         let target = !isNullOrUndefined(e) ? e.target : this.list;
@@ -7612,7 +7614,7 @@ let ComboBox = class ComboBox extends DropDownList {
         this.itemData = this.getDataByValue(this.value);
         const dataItem = this.getItemData();
         if (!(this.allowCustom && isNullOrUndefined(dataItem.value) && isNullOrUndefined(dataItem.text))) {
-            this.setProperties({ 'value': dataItem.value, 'text': dataItem.text }, !this.allowCustom);
+            this.setProperties({ 'value': dataItem.value }, !this.allowCustom);
         }
     }
     /**
@@ -14524,12 +14526,12 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
         if (li && li.parentElement) {
             currSelIdx = [].slice.call(li.parentElement.children).indexOf(li);
             if (!this.selectionSettings.showCheckbox) {
-                if ((e.ctrlKey || Browser.isDevice) && this.isSelected(li)) {
+                if ((e.ctrlKey || e.metaKey || Browser.isDevice) && this.isSelected(li)) {
                     li.classList.remove(cssClass.selected);
                     li.removeAttribute('aria-selected');
                     isSelect = false;
                 }
-                else if (!(this.selectionSettings.mode === 'Multiple' && (e.ctrlKey || Browser.isDevice))) {
+                else if (!(this.selectionSettings.mode === 'Multiple' && (e.ctrlKey || e.metaKey || Browser.isDevice))) {
                     this.getSelectedItems().forEach((ele) => {
                         ele.removeAttribute('aria-selected');
                     });
@@ -14995,12 +14997,21 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
         }
         return listObj;
     }
-    getGrabbedItems() {
+    getGrabbedItems(args) {
+        let grabbItems = false;
         for (let i = 0; i < this.value.length; i++) {
-            const liColl = this.list.querySelectorAll('[aria-selected="true"]');
-            for (let j = 0; j < liColl.length; j++) {
-                if (this.value[i] === liColl[j].textContent) {
-                    liColl[j].classList.add('e-grabbed');
+            if (this.value[i] === this.getFormattedValue(args.target.getAttribute('data-value'))) {
+                grabbItems = true;
+                break;
+            }
+        }
+        if (grabbItems) {
+            for (let i = 0; i < this.value.length; i++) {
+                const liColl = this.list.querySelectorAll('[aria-selected="true"]');
+                for (let j = 0; j < liColl.length; j++) {
+                    if (this.value[i] === this.getFormattedValue(liColl[j].getAttribute('data-value'))) {
+                        liColl[j].classList.add('e-grabbed');
+                    }
                 }
             }
         }
@@ -15014,7 +15025,7 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
         return elems;
     }
     getDragArgs(args, isDragEnd) {
-        let elems = this.getGrabbedItems();
+        let elems = this.getGrabbedItems(args);
         if (elems.length) {
             if (isDragEnd) {
                 elems.push(args.target);