Widget sizing fixes

plugs/index/asset/style.css

@@ -1,8 +1,28 @@
+/* Reset SB styles */
+html,
+body {
+    height: initial !important;
+    overflow: initial !important;
+}
+
+#sb-main {
+    height: initial !important;
+    display: initial !important;
+}
+
+#sb-editor {
+    flex: initial !important;
+    height: initial !important;
+}
+
+.cm-editor {
+    height: initial !important;
+}
+
 body {
     font-family: var(--ui-font);
     background-color: var(--root-background-color);
     color: var(--root-color);
-    overflow: scroll;
 }
 
 .sb-line-h2 {

plugs/query/assets/style.css

@@ -1,8 +1,28 @@
+/* Reset SB styles */
+html,
+body {
+    height: initial !important;
+    overflow: initial !important;
+}
+
+#sb-main {
+    height: initial !important;
+    display: initial !important;
+}
+
+#sb-editor {
+    flex: initial !important;
+    height: initial !important;
+}
+
+.cm-editor {
+    height: initial !important;
+}
+
 body {
     font-family: var(--editor-font);
     background-color: var(--root-background-color);
     color: var(--root-color);
-    overflow: scroll;
 }
 
 ul li p {

web/components/panel_html.ts

@@ -69,7 +69,7 @@ let oldHeight = undefined;
 let heightChecks = 0;
 function updateHeight() {
   const body = document.body, html = document.documentElement;
-  let height = Math.max(body.scrollHeight, body.offsetHeight, html.clientHeight, html.scrollHeight, html.offsetHeight);
+  let height = Math.max(body.offsetHeight, html.offsetHeight);
   heightChecks++;
   if(height !== oldHeight) {
     oldHeight = height;