@syncfusion/ej2-dropdowns 32.2.7 → 32.2.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -416,7 +416,7 @@ var VirtualScroll = /** @__PURE__ @class */ (function () {
416
416
  if (this.component === 'combobox') {
417
417
  var totalData = 0;
418
418
  if (this.parent.dataSource instanceof DataManager) {
419
- totalData = this.parent.remoteDataCount;
419
+ totalData = this.parent.dataSource.dataSource.json.length;
420
420
  }
421
421
  else if (this.parent.dataSource && this.parent.dataSource.length > 0) {
422
422
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -5804,7 +5804,8 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
5804
5804
  _this.setFooterTemplate(popupEle_1);
5805
5805
  _this.isUpdateFooterHeight = _this.footer.offsetHeight !== 0;
5806
5806
  }
5807
- document.body.appendChild(popupEle_1);
5807
+ var appendToElement = _this.getAppendToElement();
5808
+ appendToElement.appendChild(popupEle_1);
5808
5809
  popupEle_1.style.top = '0px';
5809
5810
  initialPopupHeight = popupEle_1.clientHeight;
5810
5811
  if (_this.enableVirtualization && (_this.itemTemplate || _this.isAngular)) {
@@ -6066,6 +6067,16 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
6066
6067
  }
6067
6068
  });
6068
6069
  };
6070
+ DropDownList.prototype.getAppendToElement = function () {
6071
+ if (this.isAngular) {
6072
+ var cdkPane = this.element && this.element.closest ? this.element.closest('.cdk-overlay-pane') : null;
6073
+ var popoverEl = this.element && this.element.closest ? this.element.closest('[popover]') : null;
6074
+ if (cdkPane && popoverEl) {
6075
+ return cdkPane;
6076
+ }
6077
+ }
6078
+ return document.body;
6079
+ };
6069
6080
  DropDownList.prototype.checkCollision = function (popupEle) {
6070
6081
  if (!Browser.isDevice || (Browser.isDevice && !(this.getModuleName() === 'dropdownlist' || this.isDropDownClick))) {
6071
6082
  var collision = isCollide(popupEle);
@@ -6838,7 +6849,8 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
6838
6849
  var listParentHeight = formatUnit(this.popupHeight);
6839
6850
  listParent.style.height = (parseInt(listParentHeight, 10)).toString() + 'px';
6840
6851
  listParent.appendChild(item);
6841
- document.body.appendChild(listParent);
6852
+ var appendToElement = this.getAppendToElement();
6853
+ appendToElement.appendChild(listParent);
6842
6854
  this.virtualListHeight = listParent.getBoundingClientRect().height;
6843
6855
  var listItemHeight = Math.ceil(item.getBoundingClientRect().height) +
6844
6856
  parseInt(window.getComputedStyle(item).marginBottom, 10);