From 6b02ef0a70ace92015b51467428b9e4138adcd5a Mon Sep 17 00:00:00 2001
From: dhlidongming <lidongming@dhgate.com>
Date: Mon, 20 Jan 2025 20:52:30 +0800
Subject: [PATCH] fix: initial hidden state for shadow-box component (#5639)

* Ensure shadow-box starts hidden on initial render.

* add comment to explain not obvious style fix

---------

Co-authored-by: anovazzi1 <otavio2204@gmail.com>
Co-authored-by: Gabriel Luiz Freitas Almeida <gabriel@langflow.org>
---
 .../src/pages/FlowPage/components/PageComponent/index.tsx       | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx
index 800012454..18b28991c 100644
--- a/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx
@@ -630,6 +630,8 @@ export default function Page({ view }: { view?: boolean }): JSX.Element {
               backgroundColor: `${shadowBoxBackgroundColor}`,
               opacity: 0.7,
               pointerEvents: "none",
+              // Prevent shadow-box from showing unexpectedly during initial renders
+              display: "none",
             }}
           ></div>
         </div>