From e852c2aaa62f4d7027713f96df0587272cbe6655 Mon Sep 17 00:00:00 2001
From: Luciano Martorella <luciano.martorella@iongroup.com>
Date: Mon, 12 May 2025 09:30:53 +0200
Subject: [PATCH] - Avoid reflow via setting minRow

---
 doc/README.md    | 2 +-
 src/gridstack.ts | 4 +++-
 src/types.ts     | 4 ++--
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/doc/README.md b/doc/README.md
index e4c31a9e..931c2552 100644
--- a/doc/README.md
+++ b/doc/README.md
@@ -116,7 +116,7 @@ gridstack.js API
 - `marginBottom`: numberOrString
 - `marginLeft`: numberOrString
 - `maxRow` - maximum rows amount. Default is `0` which means no max.
-- `minRow` - minimum rows amount which is handy to prevent grid from collapsing when empty. Default is `0`. You can also do this with `min-height` CSS attribute on the grid div in pixels, which will round to the closest row.
+- `minRow` - minimum rows amount which is handy to prevent grid from collapsing when empty. Default is `0`. When no set set, the `min-height` CSS attribute on the grid div (in pixels) can be used as well, which will round to the closest row.
 - `nonce` - If you are using a nonce-based Content Security Policy, pass your nonce here and
 GridStack will add it to the `<style>` elements it creates.
 - `placeholderClass` - class for placeholder (default: `'grid-stack-placeholder'`)
diff --git a/src/gridstack.ts b/src/gridstack.ts
index 726296ad..57825ae2 100644
--- a/src/gridstack.ts
+++ b/src/gridstack.ts
@@ -1597,7 +1597,9 @@ export class GridStack {
     if (!cellHeight) return this;
 
     // check for css min height (non nested grid). TODO: support mismatch, say: min % while unit is px.
-    if (!parent) {
+    // If `minRow` was applied, don't override it with this check, and avoid performance issues
+    // (reflows) using `getComputedStyle`
+    if (!parent && !this.opts.minRow) {
       const cssMinHeight = Utils.parseHeight(getComputedStyle(this.el)['minHeight']);
       if (cssMinHeight.h > 0 && cssMinHeight.unit === unit) {
         const minRow = Math.floor(cssMinHeight.h / cellHeight);
diff --git a/src/types.ts b/src/types.ts
index 644d7b05..ad29a08e 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -217,8 +217,8 @@ export interface GridStackOptions {
   /** maximum rows amount. Default? is 0 which means no maximum rows */
   maxRow?: number;
 
-  /** minimum rows amount. Default is `0`. You can also do this with `min-height` CSS attribute
-   * on the grid div in pixels, which will round to the closest row.
+  /** minimum rows amount which is handy to prevent grid from collapsing when empty. Default is `0`.
+   * When no set set, the `min-height` CSS attribute on the grid div (in pixels) can be used as well, which will round to the closest row.
    */
   minRow?: number;