@syncfusion/ej2-dropdowns 32.1.21 → 32.1.23

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

@@ -1650,7 +1650,7 @@ let DropDownBase = class DropDownBase extends Component {
                             const newQuery = this.getQuery(eventArgs.query);
                             // eslint-disable-next-line @typescript-eslint/no-explicit-any
                             if (this.isVirtualizationEnabled && (listItems.count !== 0 &&
-                                listItems.count < (this.itemCount * 2)) && !this.appendUncheckList) {
+                                listItems.count < (this.itemCount * 2))) {
                                 if (newQuery) {
                                     for (let queryElements = 0; queryElements < newQuery.queries.length; queryElements++) {
                                         if (this.getModuleName() === 'multiselect' && this.isCheckBoxSelection && (newQuery.queries[queryElements].e && (newQuery.queries[queryElements].e.operator === 'notequal' ||
@@ -20106,13 +20106,11 @@ class CheckBoxSelection {
             prepend([this.parent.filterParent], args.popupElement);
             attributes(this.filterInput, {
                 'aria-disabled': 'false',
-                'role': 'combobox',
+                'role': 'searchbox',
                 'autocomplete': 'off',
                 'autocapitalize': 'off',
                 'spellcheck': 'false',
-                'aria-label': 'multiselect',
-                'aria-expanded': 'true',
-                'aria-controls': args.popupElement.id
+                'aria-label': 'multiselect'
             });
             this.clearIconElement = this.filterInput.parentElement.querySelector('.' + clearIcon);
             if (!Browser.isDevice && this.clearIconElement) {
@@ -23409,13 +23407,33 @@ let Mention = class Mention extends DropDownBase {
             this.hidePopup();
             return;
         }
+        const prevSiblingIsChip = (() => {
+            if (!this.isContentEditable(this.inputElement) || !this.range || !this.range.startContainer) {
+                return false;
+            }
+            const startContainer = this.range.startContainer;
+            const textNode = startContainer.nodeType === Node.TEXT_NODE ? startContainer : (() => {
+                const idx = Math.min(this.range.startOffset, startContainer.childNodes.length - 1);
+                const child = startContainer.childNodes[idx] || startContainer.firstChild;
+                return child && child.nodeType === Node.TEXT_NODE ? child : null;
+            })();
+            if (!textNode) {
+                return false;
+            }
+            const firstChar = (textNode.data || '').replace(/\u200B/g, '').replace(/\u00A0/g, ' ').charAt(0);
+            let previousSibling = textNode.previousSibling;
+            while (previousSibling && ((previousSibling.nodeType === Node.TEXT_NODE && !(previousSibling.data || '').trim()) || (previousSibling.tagName === 'BR'))) {
+                previousSibling = previousSibling.previousSibling;
+            }
+            return firstChar === this.mentionChar && !!(previousSibling && previousSibling.classList && previousSibling.classList.contains('e-mention-chip'));
+        })();
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         if (((!currentRange || !lastWordRange) || (!lastWordRange.includes(this.mentionChar) && !this.requireLeadingSpace && !this.allowSpaces)) || e.code === 'Enter' || e.keyCode === 27 ||
             (lastWordRange.match(Regex) && lastWordRange.match(Regex).length > 1) ||
             (this.isContentEditable(this.inputElement) && this.range.startContainer &&
                 this.range.startContainer.previousElementSibling && this.range.startContainer.previousElementSibling.tagName !== 'BR' && this.range.startContainer.textContent.split('').length > 0 &&
                 (rangetextContent.length === 1 || rangetextContent[rangetextContent.length - 2].indexOf('') === -1 ||
-                    this.range.startContainer.nodeType === 1))) {
+                    this.range.startContainer.nodeType === 1)) && !prevSiblingIsChip) {
             if (isValid && this.isPopupOpen && this.allowSpaces && currentRange && currentRange.trim() !== '' && charRegex.test(currentRange) && currentRange.indexOf(this.mentionChar) !== -1
                 && !this.isMatchedText() && this.list && e.code !== 'ArrowDown' && e.code !== 'ArrowUp' && e.code !== 'Enter') {
                 this.queryString = currentRange.substring(currentRange.lastIndexOf(this.mentionChar) + 1).replace('\u00a0', ' ');
@@ -23896,15 +23914,13 @@ let Mention = class Mention extends DropDownBase {
         }
     }
     checkCollision(popupEle) {
-        if (!Browser.isDevice || (Browser.isDevice && !(this.getModuleName() === 'mention'))) {
-            const coordinates = this.getCoordinates(this.inputElement, this.getTriggerCharPosition());
-            this.collision = isCollide(popupEle, null, coordinates.left, coordinates.top);
-            if (this.collision.length > 0) {
-                popupEle.style.marginTop = -parseInt(getComputedStyle(popupEle).marginTop, 10) + 'px';
-                this.isCollided = true;
-            }
-            this.popupObj.resolveCollision();
+        const coordinates = this.getCoordinates(this.inputElement, this.getTriggerCharPosition());
+        this.collision = isCollide(popupEle, null, coordinates.left, coordinates.top);
+        if (this.collision.length > 0) {
+            popupEle.style.marginTop = -parseInt(getComputedStyle(popupEle).marginTop, 10) + 'px';
+            this.isCollided = true;
         }
+        this.popupObj.resolveCollision();
     }
     getTriggerCharPosition() {
         let mostRecentTriggerCharPos;
@@ -23953,7 +23969,7 @@ let Mention = class Mention extends DropDownBase {
             this.popupObj.element.removeAttribute('style');
             this.popupObj.element.removeAttribute('aria-disabled');
         }
-        if (this.list.classList.contains('e-nodata')) {
+        if (this.list && this.list.classList.contains('e-nodata')) {
             this.list = null;
         }
     }
@@ -24388,14 +24404,15 @@ let Mention = class Mention extends DropDownBase {
             value = this.displayTempElement.innerHTML;
         }
         if (this.isContentEditable(this.inputElement)) {
+            const defaultSuffix = this.isRTE ? '&#8203;' : '';
             if (Browser.isAndroid) {
-                return '<span contenteditable="true" class="e-mention-chip">' + showChar + value + '</span>'.concat(typeof this.suffixText === 'string' ? this.suffixText : '&#8203;');
+                return '<span contenteditable="true" class="e-mention-chip">' + showChar + value + '</span>'.concat(typeof this.suffixText === 'string' ? this.suffixText : defaultSuffix);
             }
             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;');
+                return '<span>&#65279;<span contenteditable="false" class="e-mention-chip">' + showChar + value + '</span>&#65279;</span>'.concat(typeof this.suffixText === 'string' ? this.suffixText : defaultSuffix);
             }
             else {
-                return '<span contenteditable="false" class="e-mention-chip">' + showChar + value + '</span>'.concat(typeof this.suffixText === 'string' ? this.suffixText : '&#8203;');
+                return '<span contenteditable="false" class="e-mention-chip">' + showChar + value + '</span>'.concat(typeof this.suffixText === 'string' ? this.suffixText : defaultSuffix);
             }
         }
         else {