From 762fecd970afb78da8d0bb6e341fc0c6ed8cd194 Mon Sep 17 00:00:00 2001
From: Terry Jia <terryjia88@gmail.com>
Date: Fri, 2 Jan 2026 06:46:59 -0500
Subject: [PATCH] Frontend vueNode (node 2.0) support for mask rect area nodes
 (#1167)

---
 js/mask-rect-area-advanced.js | 7 +++++++
 js/mask-rect-area.js          | 7 +++++++
 2 files changed, 14 insertions(+)

diff --git a/js/mask-rect-area-advanced.js b/js/mask-rect-area-advanced.js
index cd68661..985b92c 100644
--- a/js/mask-rect-area-advanced.js
+++ b/js/mask-rect-area-advanced.js
@@ -183,6 +183,13 @@ function showPreviewCanvas(node, app) {
     widget.canvas.className = "mask-rect-area-canvas";
     widget.parent = node;
 
+    widget.computeLayoutSize = function (node) {
+        return {
+            minHeight: 200,
+            maxHeight: 300
+        };
+    };
+
     document.body.appendChild(widget.canvas);
     node.addCustomWidget(widget);
 
diff --git a/js/mask-rect-area.js b/js/mask-rect-area.js
index b351d35..309096b 100644
--- a/js/mask-rect-area.js
+++ b/js/mask-rect-area.js
@@ -176,6 +176,13 @@ function showPreviewCanvas(node, app) {
     widget.canvas.className = "mask-rect-area-canvas";
     widget.parent = node;
 
+    widget.computeLayoutSize = function (node) {
+        return {
+            minHeight: 200,
+            maxHeight: 300
+        };
+    };
+
     document.body.appendChild(widget.canvas);
     node.addCustomWidget(widget);