fix for content overflow in console

MakeSchool · May 7, 2021 · fafbddb · fafbddb
1 parent efada58
commit fafbddb
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/JsDemo.js b/JsDemo.js
@@ -96,7 +96,7 @@ const JsDemo = ({children, defer = false}) => {
             Run
           </button>
         )}
-        <div className={styles.output}>
+        <div className={styles.content}>
           <iframe
             className={clsx(styles.frame, !hasHtml && styles.hide)}
             srcDoc={

diff --git a/demo.module.css b/demo.module.css
@@ -150,7 +150,7 @@ div:global(.language-css)::before {
   grid-area: label;
 }
 
-.result .output {
+.result .content {
   grid-area: output;
   width: 100%;
   display: flex;
@@ -172,6 +172,7 @@ div:global(.language-css)::before {
   padding: 8px;
   font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
   font-size: 1em;
+  overflow-y: scroll;
 }
 
 .result .console .error {