openclacky 1.5.13 → 1.5.15

data/lib/clacky/web/app.js

@@ -771,6 +771,25 @@ function _mobileCloseSidebar() {
 // Expose for use in sessions.js (rename/delete dialogs need to close sidebar first)
 window.mobileCloseSidebar = _mobileCloseSidebar;
 
+// ── Mobile soft-keyboard viewport ─────────────────────────────────────────
+// iOS/Android keyboards resize only the visual viewport, so a 100dvh layout
+// keeps the composer underneath the keyboard. Mirror the visual viewport into
+// --app-viewport-height, consumed by the mobile body rule in app.css.
+(() => {
+  const vv = window.visualViewport;
+  if (!vv) return;
+
+  function syncViewportHeight() {
+    // offsetTop is non-zero while the browser pans inside the visual viewport,
+    // so add it back to keep the layout bottom on the visible bottom edge.
+    document.documentElement.style.setProperty("--app-viewport-height", (vv.height + vv.offsetTop) + "px");
+  }
+
+  syncViewportHeight();
+  vv.addEventListener("resize", syncViewportHeight);
+  vv.addEventListener("scroll", syncViewportHeight);
+})();
+
 // ── New session controls ───────────────────────────────────────────────────
 // Moved to sessions.js (_initNewSessionControls, called from Sessions.init()).