[release-11.6.4] fix: percentage-based heights were not applied in updated scrollable iframe container (#107188)

fix: percentage-based heights were not applied in updated scrollable iframe container

public/app/plugins/panel/text/TextPanel.tsx

@@ -1,4 +1,4 @@
-import { css } from '@emotion/css';
+import { css, cx } from '@emotion/css';
 import DangerouslySetHtmlContent from 'dangerously-set-html-content';
 import { useState } from 'react';
 import { useDebounce } from 'react-use';
@@ -56,7 +56,7 @@ export function TextPanel(props: Props) {
         <DangerouslySetHtmlContent
           allowRerender
           html={processed.content}
-          className="markdown-html"
+          className={cx('markdown-html', styles.markdownHtml)}
           data-testid="TextPanel-converted-content"
         />
       </ScrollContainer>
@@ -103,5 +103,9 @@ const getStyles = (theme: GrafanaTheme2) => ({
   containStrict: css({
     contain: 'strict',
     height: '100%',
+    display: 'flex',
+  }),
+  markdownHtml: css({
+    height: '100%',
   }),
 });