@syncfusion/ej2-dropdowns 32.2.7 → 32.2.8

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

@@ -368,7 +368,7 @@ class VirtualScroll {
         if (this.component === 'combobox') {
             let totalData = 0;
             if (this.parent.dataSource instanceof DataManager) {
-                totalData = this.parent.remoteDataCount;
+                totalData = this.parent.dataSource.dataSource.json.length;
             }
             else if (this.parent.dataSource && this.parent.dataSource.length > 0) {
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -5679,7 +5679,8 @@ let DropDownList = class DropDownList extends DropDownBase {
                     this.setFooterTemplate(popupEle);
                     this.isUpdateFooterHeight = this.footer.offsetHeight !== 0;
                 }
-                document.body.appendChild(popupEle);
+                const appendToElement = this.getAppendToElement();
+                appendToElement.appendChild(popupEle);
                 popupEle.style.top = '0px';
                 initialPopupHeight = popupEle.clientHeight;
                 if (this.enableVirtualization && (this.itemTemplate || this.isAngular)) {
@@ -5940,6 +5941,16 @@ let DropDownList = class DropDownList extends DropDownBase {
             }
         });
     }
+    getAppendToElement() {
+        if (this.isAngular) {
+            const cdkPane = this.element && this.element.closest ? this.element.closest('.cdk-overlay-pane') : null;
+            const popoverEl = this.element && this.element.closest ? this.element.closest('[popover]') : null;
+            if (cdkPane && popoverEl) {
+                return cdkPane;
+            }
+        }
+        return document.body;
+    }
     checkCollision(popupEle) {
         if (!Browser.isDevice || (Browser.isDevice && !(this.getModuleName() === 'dropdownlist' || this.isDropDownClick))) {
             const collision = isCollide(popupEle);
@@ -6705,7 +6716,8 @@ let DropDownList = class DropDownList extends DropDownBase {
         const listParentHeight = formatUnit(this.popupHeight);
         listParent.style.height = (parseInt(listParentHeight, 10)).toString() + 'px';
         listParent.appendChild(item);
-        document.body.appendChild(listParent);
+        const appendToElement = this.getAppendToElement();
+        appendToElement.appendChild(listParent);
         this.virtualListHeight = listParent.getBoundingClientRect().height;
         const listItemHeight = Math.ceil(item.getBoundingClientRect().height) +
             parseInt(window.getComputedStyle(item).marginBottom, 10);