igniteui-angular 21.1.0 → 21.1.1

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

@@ -3448,6 +3448,7 @@ class IgxGridBaseDirective {
         this._sortDescendingHeaderIconTemplate = null;
         this._gridSize = _Size.Large;
         this._defaultRowHeight = 50;
+        this._borderSize = 1;
         this._cellMergeMode = GridCellMergeMode.onSort;
         this._columnsToMerge = [];
         this.displayStyle = 'grid';
@@ -5343,7 +5344,7 @@ class IgxGridBaseDirective {
         if (this.hasCellsToMerge) {
             return this.rowHeight;
         }
-        return this.rowHeight + 1;
+        return this.rowHeight + this._borderSize;
     }
     /**
      * @hidden @internal
@@ -7380,12 +7381,7 @@ class IgxGridBaseDirective {
         this.gridScroll.emit(args);
     }
     get renderedActualRowHeight() {
-        let border = 1;
-        if (this.rowList.toArray().length > 0) {
-            const rowStyles = this.document.defaultView.getComputedStyle(this.rowList.first.nativeElement);
-            border = rowStyles.borderBottomWidth ? Math.ceil(parseFloat(rowStyles.borderBottomWidth)) : border;
-        }
-        return this.rowHeight + border;
+        return this.rowHeight + this._borderSize;
     }
     executeCallback(rowIndex, visibleColIndex = -1, cb = null) {
         if (!cb) {
@@ -7636,6 +7632,11 @@ class IgxGridBaseDirective {
             else {
                 this._shouldRecalcRowHeight = true;
             }
+            const rowStyles = this.document.defaultView.getComputedStyle(this.dataRowList.first.nativeElement);
+            const border = rowStyles.borderBottomWidth ? parseFloat(rowStyles.borderBottomWidth) : 1;
+            if (border) {
+                this._borderSize = border;
+            }
         }
     }
     // TODO: About to Move to CRUD