@syncfusion/ej2-dropdowns 21.1.38 → 21.1.39

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

@@ -13655,7 +13655,10 @@ class CheckBoxSelection {
                 className: 'e-list-parent e-ul e-reorder'
             });
             if (activeLiCount > 0) {
-                append(this.parent.ulElement.querySelectorAll('li.e-active'), ulEle);
+                const activeListItems = this.parent.ulElement.querySelectorAll('li.e-active');
+                activeListItems.forEach(item => {
+                    ulEle.appendChild(item);
+                });
                 remLi = this.parent.ulElement.querySelectorAll('li.e-active');
                 addClass(remLi, 'e-reorder-hide');
                 prepend([ulEle], this.parent.list);
@@ -14055,12 +14058,18 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
         let scrollParent;
         let boundRect;
         const scrollMoved = 36;
+        let scrollHeight = 10;
+        if (this.itemTemplate && args.target) {
+            scrollHeight = args.target.scrollHeight;
+        }
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         const event = args.event;
         let wrapper;
         if (args.target && (args.target.classList.contains('e-listbox-wrapper') || args.target.classList.contains('e-list-item')
+            || (args.target.parentElement && args.target.parentElement.classList.contains('e-list-item'))
             || args.target.classList.contains('e-filter-parent') || args.target.classList.contains('e-input-group'))) {
             if (args.target.classList.contains('e-list-item') || args.target.classList.contains('e-filter-parent')
+                || (args.target.parentElement && args.target.parentElement.classList.contains('e-list-item'))
                 || args.target.classList.contains('e-input-group')) {
                 wrapper = args.target.closest('.e-listbox-wrapper');
             }
@@ -14075,23 +14084,16 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
             }
             boundRect = scrollParent.getBoundingClientRect();
             if ((boundRect.y + scrollParent.offsetHeight) - (event.pageY + scrollMoved) < 1) {
-                scrollParent.scrollTop = scrollParent.scrollTop + 10;
+                scrollParent.scrollTop = scrollParent.scrollTop + scrollHeight;
             }
             else if ((event.pageY - scrollMoved) - boundRect.y < 1) {
-                scrollParent.scrollTop = scrollParent.scrollTop - 10;
+                scrollParent.scrollTop = scrollParent.scrollTop - scrollHeight;
             }
         }
         if (args.target === null) {
             return;
         }
         this.trigger('drag', this.getDragArgs(args));
-        const listObj = this.getComponent(args.target);
-        if (listObj && listObj.listData.length === 0) {
-            const noRecElem = listObj.ulElement.childNodes[0];
-            if (noRecElem) {
-                listObj.ulElement.removeChild(noRecElem);
-            }
-        }
     }
     beforeDragEnd(args) {
         this.dragValue = this.getFormattedValue(args.droppedElement.getAttribute('data-value'));
@@ -14124,6 +14126,13 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
         if (Browser.isIos) {
             this.list.style.overflow = '';
         }
+        const targetListObj = this.getComponent(args.target);
+        if (targetListObj && targetListObj.listData.length === 0) {
+            const noRecElem = targetListObj.ulElement.childNodes[0];
+            if (noRecElem) {
+                targetListObj.ulElement.removeChild(noRecElem);
+            }
+        }
         if (listObj === this) {
             const ul = this.ulElement;
             listData = [].slice.call(this.listData);
@@ -16601,6 +16610,12 @@ let Mention = class Mention extends DropDownBase {
                     }
                 }
                 append([this.list], popupEle);
+                if (this.inputElement.parentElement && this.inputElement.parentElement.parentElement &&
+                    this.inputElement.parentElement.parentElement.classList.contains('e-richtexteditor')) {
+                    if (popupEle.firstElementChild && popupEle.firstElementChild.childElementCount > 0) {
+                        popupEle.firstElementChild.setAttribute('aria-owns', this.inputElement.parentElement.parentElement.id);
+                    }
+                }
                 if ((!this.popupObj || !document.body.contains(this.popupObj.element)) ||
                     !document.contains(popupEle) && isNullOrUndefined(this.target)) {
                     document.body.appendChild(popupEle);