From 8ffbf80e60aa9756a0e9a8d18ddc637488578db1 Mon Sep 17 00:00:00 2001
From: Leon Sorokin <leeoniya@gmail.com>
Date: Wed, 27 Sep 2023 13:14:35 -0500
Subject: [PATCH] Dashboard: Reduce scope of `contain: strict` to TextPanel
 (#75499)

---
 .../grafana-ui/src/components/PanelChrome/PanelChrome.tsx    | 2 +-
 public/app/plugins/panel/text/TextPanel.tsx                  | 5 ++++-
 public/sass/pages/_dashboard.scss                            | 2 +-
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/packages/grafana-ui/src/components/PanelChrome/PanelChrome.tsx b/packages/grafana-ui/src/components/PanelChrome/PanelChrome.tsx
index 705f376f84e81..6250bdd210dc2 100644
--- a/packages/grafana-ui/src/components/PanelChrome/PanelChrome.tsx
+++ b/packages/grafana-ui/src/components/PanelChrome/PanelChrome.tsx
@@ -402,7 +402,7 @@ const getStyles = (theme: GrafanaTheme2) => {
     content: css({
       label: 'panel-content',
       flexGrow: 1,
-      contain: 'strict',
+      contain: 'size layout',
     }),
     headerContainer: css({
       label: 'panel-header',
diff --git a/public/app/plugins/panel/text/TextPanel.tsx b/public/app/plugins/panel/text/TextPanel.tsx
index 3252c3fb718a3..d831532f48ad1 100644
--- a/public/app/plugins/panel/text/TextPanel.tsx
+++ b/public/app/plugins/panel/text/TextPanel.tsx
@@ -51,7 +51,7 @@ export function TextPanel(props: Props) {
   }
 
   return (
-    <CustomScrollbar autoHeightMin="100%">
+    <CustomScrollbar autoHeightMin="100%" className={styles.containStrict}>
       <DangerouslySetHtmlContent
         html={processed.content}
         className={styles.markdown}
@@ -103,4 +103,7 @@ const getStyles = (theme: GrafanaTheme2) => ({
       height: 100%;
     `
   ),
+  containStrict: css({
+    contain: 'strict',
+  }),
 });
diff --git a/public/sass/pages/_dashboard.scss b/public/sass/pages/_dashboard.scss
index 77c985f443535..437894154fed6 100644
--- a/public/sass/pages/_dashboard.scss
+++ b/public/sass/pages/_dashboard.scss
@@ -46,7 +46,7 @@
   padding: $panel-padding;
   width: 100%;
   flex-grow: 1;
-  contain: strict;
+  contain: size layout;
   height: calc(100% - #{$panel-header-height});
 
   &--no-padding {