diff --git a/index.html b/index.html index d276108b..27446bdd 100644 --- a/index.html +++ b/index.html @@ -3,7 +3,7 @@ - + @@ -13,4 +13,4 @@
- + \ No newline at end of file diff --git a/src/assets/styles/tailwind.css b/src/assets/styles/tailwind.css index f6457ff3..6f495d75 100644 --- a/src/assets/styles/tailwind.css +++ b/src/assets/styles/tailwind.css @@ -7,6 +7,24 @@ html { font-family: 'Work Sans', ui-sans-serif, system-ui, sans-serif !important; } + + /* Fix iOS viewport height changes when keyboard appears/disappears */ + html, body { + height: 100%; + height: 100vh; + height: 100dvh; /* Dynamic viewport height for better mobile support */ + overflow: hidden; /* Disable all scrolling on html and body */ + position: fixed; /* Force fixed positioning to prevent viewport changes */ + width: 100%; + top: 0; + left: 0; + } + + #app { + height: 100vh; + height: 100dvh; + overflow-y: auto; + } } @layer components {