From 782fa5b45a2519eaaf5f4bc65180f2846545acc3 Mon Sep 17 00:00:00 2001
From: Oscar Kilhed <oscar.kilhed@grafana.com>
Date: Fri, 11 Apr 2025 16:13:16 +0200
Subject: [PATCH] Dynamic dashboards: Fix issue where tab content is not
 visible (#103890)

* only wrap in edit mode

* fix icon
---
 .../layout-tabs/TabsLayoutManagerRenderer.tsx      | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/public/app/features/dashboard-scene/scene/layout-tabs/TabsLayoutManagerRenderer.tsx b/public/app/features/dashboard-scene/scene/layout-tabs/TabsLayoutManagerRenderer.tsx
index cbf84c9fd1d..291fa71d981 100644
--- a/public/app/features/dashboard-scene/scene/layout-tabs/TabsLayoutManagerRenderer.tsx
+++ b/public/app/features/dashboard-scene/scene/layout-tabs/TabsLayoutManagerRenderer.tsx
@@ -67,12 +67,20 @@ export function TabsLayoutManagerRenderer({ model }: SceneComponentProps<TabsLay
         </DragDropContext>
       </TabsBar>
 
-      <div className={conditionalRenderingClass}>
+      {isEditing && (
+        <div className={conditionalRenderingClass}>
+          <TabContent className={styles.tabContentContainer}>
+            {currentTab && <layout.Component model={layout} />}
+          </TabContent>
+          {conditionalRenderingOverlay}
+        </div>
+      )}
+
+      {!isEditing && (
         <TabContent className={styles.tabContentContainer}>
           {currentTab && <layout.Component model={layout} />}
         </TabContent>
-        {isEditing && conditionalRenderingOverlay}
-      </div>
+      )}
     </div>
   );
 }