igniteui-angular 21.1.5 → 21.1.7

package/fesm2022/igniteui-angular-grids-grid.mjs

@@ -3786,7 +3786,7 @@ class IgxGridBaseDirective {
             this.cdr.detectChanges();
         });
         this.verticalScrollContainer.contentSizeChange.pipe(filter(() => !this._init), throttleTime(30), destructor).subscribe(() => {
-            this.notifyChanges(true);
+            this.onContentSizeChange();
         });
         this.verticalScrollContainer.chunkPreload.pipe(filter(() => !this._init), destructor).subscribe(() => {
             this.updateMergedData();
@@ -6834,18 +6834,21 @@ class IgxGridBaseDirective {
         if (!this._height) {
             return null;
         }
+        const styles = this.document.defaultView.getComputedStyle(this.nativeElement);
         const actualTheadRow = this.getTheadRowHeight();
         const footerHeight = this.getFooterHeight();
         const toolbarHeight = this.getToolbarHeight();
         const pagingHeight = this.getPagingFooterHeight();
         const groupAreaHeight = this.getGroupAreaHeight();
         const scrHeight = this.getComputedHeight(this.scr.nativeElement);
+        const borderTop = parseFloat(styles.getPropertyValue('border-top-width')) || 0;
+        const borderBottom = parseFloat(styles.getPropertyValue('border-bottom-width')) || 0;
         const renderedHeight = toolbarHeight + actualTheadRow +
             footerHeight + pagingHeight + groupAreaHeight +
-            scrHeight;
+            scrHeight + borderTop + borderBottom;
         let gridHeight = 0;
         if (this.isPercentHeight) {
-            const computed = this.document.defaultView.getComputedStyle(this.nativeElement).getPropertyValue('height');
+            const computed = styles.getPropertyValue('height');
             const autoSize = this._shouldAutoSize(renderedHeight);
             if (autoSize || computed.indexOf('%') !== -1) {
                 const bodyHeight = this.getDataBasedBodyHeight();
@@ -7726,6 +7729,9 @@ class IgxGridBaseDirective {
             return false;
         return Object.keys(oldData[0]).join() !== Object.keys(newData[0]).join();
     }
+    onContentSizeChange() {
+        this.notifyChanges(true);
+    }
     /**
      * Clears the current navigation service active node
      */