@syncfusion/ej2-dropdowns 24.2.4 → 24.2.6

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

@@ -2624,15 +2624,15 @@ let DropDownList = class DropDownList extends DropDownBase {
     focusOutAction(e) {
         this.isInteracted = false;
         this.focusOut(e);
-        this.onFocusOut();
+        this.onFocusOut(e);
     }
-    onFocusOut() {
+    onFocusOut(e) {
         if (!this.enabled) {
             return;
         }
         if (this.isSelected) {
             this.isSelectCustom = false;
-            this.onChangeEvent(null);
+            this.onChangeEvent(e);
         }
         this.floatLabelChange();
         this.dispatchEvent(this.hiddenElement, 'change');
@@ -3345,7 +3345,7 @@ let DropDownList = class DropDownList extends DropDownBase {
                 this.hidePopup(e);
                 this.isInteracted = false;
                 if (!isActive) {
-                    this.onFocusOut();
+                    this.onFocusOut(e);
                     this.inputWrapper.container.classList.remove(dropDownListClasses.inputFocus);
                 }
             }
@@ -11159,6 +11159,11 @@ let MultiSelect = class MultiSelect extends DropDownBase {
         }
     }
     removelastSelection(e) {
+        const selectedElem = this.chipCollectionWrapper.querySelector('span.' + CHIP_SELECTED);
+        if (selectedElem !== null) {
+            this.removeSelectedChip(e);
+            return;
+        }
         const elements = this.chipCollectionWrapper.querySelectorAll('span.' + CHIP$1);
         const value = elements[elements.length - 1].getAttribute('data-value');
         if (!isNullOrUndefined(this.value)) {
@@ -13307,7 +13312,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
         if (delim) {
             this.updateWrapperText(this.delimiterWrapper, data);
             this.delimiterWrapper.setAttribute('id', getUniqueID('delim_val'));
-            this.inputElement.setAttribute('aria-labelledby', this.delimiterWrapper.id);
+            this.inputElement.setAttribute('aria-describedby', this.delimiterWrapper.id);
         }
         const targetEle = e && e.target;
         const isClearAll = (targetEle && targetEle.classList.contains('e-close-hooker')) ? true : null;
@@ -14277,7 +14282,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
             this.hiddenElement.innerHTML = hiddenValue;
             this.updateWrapperText(this.delimiterWrapper, wrapperText);
             this.delimiterWrapper.setAttribute('id', getUniqueID('delim_val'));
-            this.inputElement.setAttribute('aria-labelledby', this.delimiterWrapper.id);
+            this.inputElement.setAttribute('aria-describedby', this.delimiterWrapper.id);
             this.setProperties({ text: text.toString() }, true);
             this.refreshInputHight();
             this.refreshPlaceHolder();
@@ -14787,7 +14792,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
             }
         });
         if (this.mode === 'Default' || this.mode === 'Box') {
-            this.inputElement.setAttribute('aria-labelledby', this.chipCollectionWrapper.id);
+            this.inputElement.setAttribute('aria-describedby', this.chipCollectionWrapper.id);
         }
         if (this.element.tagName !== this.getNgDirective()) {
             this.element.style.display = 'none';
@@ -17246,7 +17251,6 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
             if (tListBox.mainList.childElementCount !== tListBox.jsonData.length) {
                 tListBox.mainList = tListBox.ulElement;
             }
-            fListBox.updateMainList();
             const tJsonData = [].slice.call(tListBox.jsonData);
             tSortData = [].slice.call(tListBox.sortedData);
             this.selectNextList(elems, dataLiIdx, dataIdx, fListBox);
@@ -18444,7 +18448,7 @@ let Mention = class Mention extends DropDownBase {
             rangetextContent = this.range.startContainer.textContent.split('');
         }
         let currentRange = this.getTextRange();
-        const lastWordRange = this.getLastLetter(currentRange);
+        let lastWordRange = this.getLastLetter(currentRange);
         const lastTwoLetters = this.mentionChar.toString() + this.mentionChar.toString();
         // eslint-disable-next-line security/detect-non-literal-regexp
         const Regex = new RegExp(this.mentionChar.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&'), 'g');
@@ -18474,7 +18478,9 @@ let Mention = class Mention extends DropDownBase {
             }
             return;
         }
-        this.queryString = lastWordRange.replace(this.mentionChar, '');
+        if (lastWordRange.includes(this.mentionChar)) {
+            this.queryString = lastWordRange.replace(this.mentionChar, '');
+        }
         if (this.mentionChar.charCodeAt(0) === lastWordRange.charCodeAt(0) &&
             this.queryString !== '' && e.keyCode !== 38 && e.keyCode !== 40 && !this.lineBreak) {
             this.searchLists(e);
@@ -19015,6 +19021,20 @@ let Mention = class Mention extends DropDownBase {
             range.collapse(false);
             rect = range.getBoundingClientRect().top === 0 ? range.startContainer.getClientRects()[0] : range.getBoundingClientRect();
         }
+        let rectTop = rect.top;
+        let rectLeft = rect.left;
+        const iframes = document.querySelectorAll('iframe');
+        if (iframes.length > 0) {
+            for (let i = 0; i < iframes.length; i++) {
+                // eslint-disable-next-line security/detect-object-injection
+                const iframe = iframes[i];
+                if (iframe.contentDocument.contains(element)) {
+                    const iframeRect = iframe.getBoundingClientRect();
+                    rectTop += iframeRect.top;
+                    rectLeft += iframeRect.left;
+                }
+            }
+        }
         const doc = document.documentElement;
         const windowLeft = (window.pageXOffset || doc.scrollLeft) - (doc.clientLeft || 0);
         const windowTop = (window.pageYOffset || doc.scrollTop) - (doc.clientTop || 0);
@@ -19036,23 +19056,23 @@ let Mention = class Mention extends DropDownBase {
         }
         if (!this.isContentEditable(this.inputElement)) {
             coordinates = {
-                top: rect.top + windowTop + span.offsetTop + parseInt(computed.borderTopWidth, 10) +
+                top: rectTop + windowTop + span.offsetTop + parseInt(computed.borderTopWidth, 10) +
                     parseInt(computed.fontSize, 10) + 3 - element.scrollTop - (this.isCollided ? 10 : 0),
-                left: rect.left + windowLeft + span.offsetLeft + parseInt(computed.borderLeftWidth, 10)
+                left: rectLeft + windowLeft + span.offsetLeft + parseInt(computed.borderLeftWidth, 10)
             };
             document.body.removeChild(div);
         }
         else {
             if (this.collision && this.collision.length > 0 && this.collision.indexOf('right') > -1 && this.collision.indexOf('bottom') === -1) {
                 coordinates = {
-                    top: rect.top + windowTop + parseInt(getComputedStyle(this.inputElement).fontSize, 10),
-                    left: rect.left + windowLeft + width
+                    top: rectTop + windowTop + parseInt(getComputedStyle(this.inputElement).fontSize, 10),
+                    left: rectLeft + windowLeft + width
                 };
             }
             else {
                 coordinates = {
-                    top: rect.top + windowTop + parseInt(getComputedStyle(this.inputElement).fontSize, 10) - (this.isCollided ? 10 : 0),
-                    left: rect.left + windowLeft + width
+                    top: rectTop + windowTop + parseInt(getComputedStyle(this.inputElement).fontSize, 10) - (this.isCollided ? 10 : 0),
+                    left: rectLeft + windowLeft + width
                 };
             }
         }