From 01e6b7b1ba1347b676cd5a3ff8a65edf7a9dfbd4 Mon Sep 17 00:00:00 2001
From: Frank Pagan <frank@cocreate.app>
Date: Sun, 1 Jan 2023 18:10:05 +0000
Subject: [PATCH] fix: docs sanbox overflow

---
 docs/index.html | 4 ++--
 package.json    | 6 ++----
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/docs/index.html b/docs/index.html
index f1a7159..b1eded0 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -97,14 +97,14 @@ <h2 class="padding:5px_0px">Demo</h2>
                     </div>
                     <div class="position:sticky top:0 padding:15px_0px height:100vh">
                         <!-- SandBox -->
-                        <div class="position:relative overflow:hidden card border-radius:2px width:auto height:600px margin-top:20px" id="playground">
+                        <div class="display:flex flex-direction:column position:relative overflow:hidden card border-radius:2px width:auto height:600px margin-top:20px" id="playground">
                             
                             <div id="demo-code" resizable class="position:relative height:50%">
                                 <textarea type="code" lang="html" collection="demos" document_id="" name="demo" save="false" id="demo" class="height:100% width:100% outline:none border:none resize:none padding:5px"></textarea>
                                 <div resize="bottom" class="background:lightgrey"></div>
                             </div>
         
-                            <div id="demo-preview" class="position:relative display:flex height:100% background-color:white">
+                            <div id="demo-preview" class="position:relative overflow:auto background-color:white">
                                 <div get-value="#demo" class="padding:20px"></div>
                             </div>
                             
diff --git a/package.json b/package.json
index 2a03e7e..0abd5b7 100644
--- a/package.json
+++ b/package.json
@@ -20,9 +20,7 @@
     "html5-framework",
     "javascript-framework"
   ],
-  "publishConfig": {
-    "access": "public"
-  },
+  "publishConfig": { "access": "public" },
   "scripts": {
     "start": "npx webpack --config webpack.config.js",
     "build": "NODE_ENV=production npx webpack --config webpack.config.js",
@@ -59,7 +57,7 @@
     "webpack-log": "^3.0.1"
   },
   "dependencies": {
-    "@cocreate/docs": "^1.5.1",
+    "@cocreate/docs": "^1.5.2",
     "@googlemaps/js-api-loader": "^1.12.8"
   }
 }