@syncfusion/ej2-dropdowns 30.2.6 → 31.1.18

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

@@ -1323,11 +1323,13 @@ let DropDownBase = class DropDownBase extends Component {
             else {
                 item = this.typeOfData(this.listData);
             }
-            if (typeof getValue((this.fields.value ? this.fields.value : 'value'), item.item) === 'number' ||
+            if (!isNullOrUndefined(item.item) &&
+                typeof getValue((this.fields.value ? this.fields.value : 'value'), item.item) === 'number' ||
                 item.typeof === 'number') {
                 return parseFloat(value);
             }
-            if (typeof getValue((this.fields.value ? this.fields.value : 'value'), item.item) === 'boolean' ||
+            if (!isNullOrUndefined(item.item) &&
+                typeof getValue((this.fields.value ? this.fields.value : 'value'), item.item) === 'boolean' ||
                 item.typeof === 'boolean') {
                 return ((value === 'true') || ('' + value === 'true'));
             }
@@ -2205,7 +2207,7 @@ let DropDownBase = class DropDownBase extends Component {
         this.renderGroupTemplate(this.fixedHeaderElement);
     }
     updateGroupFixedHeader(element, target) {
-        if (this.fixedHeaderElement) {
+        if (this.fixedHeaderElement && this.list && this.list.parentElement) {
             if (!isNullOrUndefined(element.innerHTML)) {
                 if (this.groupTemplate && this.isAngular && this.getModuleName() === 'multiselect') {
                     this.updateFixedGroupTemplateHader(element);
@@ -2952,7 +2954,13 @@ let DropDownBase = class DropDownBase extends Component {
      */
     destroy() {
         if (document) {
-            EventHandler.remove(document, 'scroll', this.updateGroupFixedHeader);
+            if (this.fields && this.fields.groupBy) {
+                const elements = this.getScrollableParent();
+                for (let i = 0; i < elements.length; i++) {
+                    const ele = elements[i];
+                    EventHandler.remove(ele, 'scroll', this.updateGroupFixedHeader);
+                }
+            }
             if (document.body.contains(this.list)) {
                 EventHandler.remove(this.list, 'scroll', this.setFloatingHeader);
                 if (!isNullOrUndefined(this.rippleFun)) {
@@ -8213,6 +8221,10 @@ let DropDownTree = class DropDownTree extends Component {
     }
     /* Handles touch events specifically for iOS devices */
     handleIosTouch(e) {
+        const target = e.target;
+        if (target && target.classList.contains('e-clear-icon')) {
+            return;
+        }
         e.preventDefault();
         this.dropDownClick(e);
     }
@@ -9964,12 +9976,16 @@ let DropDownTree = class DropDownTree extends Component {
         if (!this.valueTemplate) {
             return null;
         }
-        if (this.valueTemplateContainer) {
+        if (this.isReact && !isNullOrUndefined(this.valueTemplateContainer)) {
+            detach(this.valueTemplateContainer);
+            this.valueTemplateContainer = null;
+        }
+        else if (this.valueTemplateContainer) {
             while (this.valueTemplateContainer.firstChild) {
                 this.valueTemplateContainer.removeChild(this.valueTemplateContainer.firstChild);
             }
         }
-        else {
+        if (isNullOrUndefined(this.valueTemplateContainer)) {
             this.valueTemplateContainer = this.createElement('span', { className: OVERFLOW_VIEW + ' ' + SHOW_TEXT + ' ' + 'e-input-value' + ' ' + HIDEICON });
         }
         this.inputWrapper.insertBefore(this.valueTemplateContainer, this.inputEle);
@@ -11258,7 +11274,7 @@ let ComboBox = class ComboBox extends DropDownList {
                             this.itemData = e.result[0];
                             const dataItem = this.getItemData();
                             const value = this.allowObjectBinding ?
-                                this.getDataByValue(dataItem.value) : dataItem.value;
+                                this.itemData : dataItem.value;
                             const valueFieldValue = this.allowObjectBinding &&
                                 !isNullOrUndefined(this.value) ? getValue((this.fields.value) ?
                                 this.fields.value : '', this.value) : this.value;
@@ -11313,7 +11329,7 @@ let ComboBox = class ComboBox extends DropDownList {
                 this.customValue();
             }
         }
-        else {
+        else if (!isNullOrUndefined(this.activeIndex) && !isNullOrUndefined(this.liCollections[this.activeIndex])) {
             this.setSelection(this.liCollections[this.activeIndex], null);
         }
         this.setHiddenValue();
@@ -24043,6 +24059,9 @@ let Mention = class Mention extends DropDownBase {
             if (Browser.isAndroid) {
                 return '<span contenteditable="true" class="e-mention-chip">' + showChar + value + '</span>'.concat(typeof this.suffixText === 'string' ? this.suffixText : '&#8203;');
             }
+            else if (Browser.info.name === 'mozilla') {
+                return '<span>&#65279;<span contenteditable="false" class="e-mention-chip">' + showChar + value + '</span>&#65279;</span>'.concat(typeof this.suffixText === 'string' ? this.suffixText : '&#8203;');
+            }
             else {
                 return '<span contenteditable="false" class="e-mention-chip">' + showChar + value + '</span>'.concat(typeof this.suffixText === 'string' ? this.suffixText : '&#8203;');
             }