From 2a98dbda603044477c1bf025903e4471c1f39ea9 Mon Sep 17 00:00:00 2001
From: Nitin Govardhane <nitingovardhane000@gmail.com>
Date: Fri, 28 Nov 2025 13:43:30 +0530
Subject: [PATCH] feat: support CSS values for container_height option (#587)

---
 src/index.js | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/index.js b/src/index.js
index 4fae15fc..77b2d541 100644
--- a/src/index.js
+++ b/src/index.js
@@ -99,11 +99,13 @@ export default class Gantt {
         };
         for (let name in CSS_VARIABLES) {
             let setting = this.options[CSS_VARIABLES[name]];
-            if (setting !== 'auto')
-                this.$container.style.setProperty(
-                    '--gv-' + name,
-                    setting + 'px',
-                );
+            if (setting !== 'auto') {
+                // If setting is a string (e.g., '100%', 'calc(100vh - 200px)'), use as-is
+                // Otherwise, append 'px' for numeric values
+                const value =
+                    typeof setting === 'string' ? setting : setting + 'px';
+                this.$container.style.setProperty('--gv-' + name, value);
+            }
         }
 
         this.config = {