@syntrologie/runtime-sdk 2.8.0-canary.177 → 2.8.0-canary.178

package/dist/smart-canvas.js

@@ -14442,7 +14442,7 @@ Please report this to https://github.com/markedjs/marked.`, e9) {
         const targetTransform = container.style.transform;
         const targetTransition = container.style.transition;
         container.style.transition = "none";
-        container.style.transform = "translateY(100vh)";
+        container.style.transform = "translateY(100svh)";
         this._entryRafId = requestAnimationFrame(() => {
           container.style.transition = targetTransition;
           container.style.transform = targetTransform;
@@ -14610,15 +14610,17 @@ Please report this to https://github.com/markedjs/marked.`, e9) {
         left: "0",
         right: "0",
         bottom: "0",
-        // ``100dvh`` (dynamic viewport height) shrinks when the iOS soft
-        // keyboard appears, so a tile with a text input doesn't end up
-        // covered by the keyboard. ``100vh`` would be measured against the
-        // pre-keyboard viewport and lose the bottom of the sheet behind
-        // the keyboard. Browser support: Safari 15.4+, Chrome 108+,
-        // Firefox 101+ — universal in 2026.
-        height: "100dvh",
+        // ``100svh`` (small viewport height) is the viewport with the
+        // mobile browser chrome (URL bar) visible.  Using ``svh`` instead
+        // of ``dvh`` prevents the sheet from jumping when Chrome/Safari
+        // shows or hides the URL bar — the sheet is always sized for the
+        // smallest viewport.  When the URL bar hides, a small gap appears
+        // at the bottom rather than a jarring position shift.  Browser
+        // support: Safari 15.4+, Chrome 108+, Firefox 101+ — universal
+        // in 2026.
+        height: "100svh",
         pointerEvents: "auto",
-        transform: `translateY(${topEdgeVh}vh)`,
+        transform: `translateY(${topEdgeVh}svh)`,
         transition: this.isDragging ? "none" : `transform ${dur} ${ease}, opacity ${dur} ease-out`,
         display: "flex",
         flexDirection: "column",
@@ -14654,7 +14656,7 @@ Please report this to https://github.com/markedjs/marked.`, e9) {
         overflowY: "auto",
         padding: "0 1rem 1rem",
         touchAction: "pan-y",
-        maxHeight: `calc(${snapVh}dvh - 56px)`
+        maxHeight: `calc(${snapVh}svh - 56px)`
       };
       return b2`
       <div data-syntro-bottom-sheet="root" style=${o5(rootStyles)}>
@@ -16098,7 +16100,7 @@ Please report this to https://github.com/markedjs/marked.`, e9) {
   }
 
   // src/version.ts
-  var SDK_VERSION = "2.8.0-canary.177";
+  var SDK_VERSION = "2.8.0-canary.178";
 
   // src/types.ts
   var SDK_SCHEMA_VERSION = "2.0";
@@ -33335,7 +33337,7 @@ ${cssRules}
   }
 
   // src/index.ts
-  var RUNTIME_SDK_BUILD = true ? `${"2026-05-03T21:21:03.074Z"} (${"aff8189c661"})` : "dev";
+  var RUNTIME_SDK_BUILD = true ? `${"2026-05-03T21:49:57.914Z"} (${"c8a2d488ec2"})` : "dev";
   if (typeof window !== "undefined") {
     console.log(`[Syntro Runtime] Build: ${RUNTIME_SDK_BUILD} (Lit)`);
     const existing = window.SynOS;