fix weird scrolling issue (#770)

BanchanArt · Sep 24, 2023 · 3577219 · 3577219
1 parent 432cce3
commit 3577219
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/lib/banchan_web/components/form/combo_box/combo_box.hooks.ts b/lib/banchan_web/components/form/combo_box/combo_box.hooks.ts
@@ -208,9 +208,15 @@ export class ComboBoxElement extends LitElement {
   }
 
   _setOpen(open: boolean) {
-    if (open && !isScrolledIntoView(this, document.querySelector("body"))) {
+    if (open) {
       this.updateComplete.then(() => {
-        this.scrollIntoView();
+        if (!isScrolledIntoView(this, document.querySelector("body"))) {
+          this.scrollIntoView({
+            behavior: "smooth",
+            block: "center",
+            inline: "nearest",
+          });
+        }
       });
     }
     this.open = open;

diff --git a/lib/banchan_web/components/layouts/root.sface b/lib/banchan_web/components/layouts/root.sface
@@ -80,14 +80,15 @@
     {/if}
     <style>
       body {
+      min-height: 100vh;
       min-height: -webkit-fill-available;
       }
       html {
       min-height: -webkit-fill-available;
       }
     </style>
   </head>
-  <body class="h-screen overflow-hidden bg-base-200">
+  <body class="bg-base-200">
     {@inner_content}
   </body>
 </html>