From 0ad3dee468c05efa4960193d40b46243698049f9 Mon Sep 17 00:00:00 2001
From: Andras Schmelczer <andras@schmelczer.dev>
Date: Sun, 6 Jul 2025 16:44:44 +0100
Subject: [PATCH] Fix scrolling on mobile

---
 examples/website/index.html | 6 ++++--
 examples/website/style.scss | 5 +++++
 2 files changed, 9 insertions(+), 2 deletions(-)
diff --git a/examples/website/index.html b/examples/website/index.html
index 178e87e..0fd46b9 100644
--- a/examples/website/index.html
+++ b/examples/website/index.html
@@ -25,8 +25,9 @@
   <body>
     <div class="background"></div>
 
-    <div class="page-wrapper">
-      <header>
+    <div class="scroll-container">
+      <div class="page-wrapper">
+        <header>
         <h1>3-Way Text Merge</h1>
         <p>
           The
@@ -136,6 +137,7 @@
           </svg>
         </a>
       </footer>
+      </div>
     </div>
 
     <noscript>JavaScript is required for this website.</noscript>
diff --git a/examples/website/style.scss b/examples/website/style.scss
index db0cdca..a343ecc 100644
--- a/examples/website/style.scss
+++ b/examples/website/style.scss
@@ -12,6 +12,11 @@ body {
 body {
   font-family: 'Segoe UI', Arial, sans-serif;
   color: #23272f;
+}
+
+.scroll-container {
+  height: 100vh;
+  height: 100dvh;
   overflow-y: auto;
 }
 
