update

ts_web/elements/sio-fab.ts

@@ -230,14 +230,34 @@ export class SioFab extends DeesElement {
         pointer-events: all;
       }
     `,
-    // Mobile responsive styles - smaller FAB on phablet and phone
+    // Mobile responsive styles - smaller FAB and full-screen combox
     cssManager.cssForPhablet(css`
       :host {
         --fab-size: 48px;
-        --fab-combox-offset: calc(var(--fab-size) + ${unsafeCSS(spacing["3"])});
         bottom: 16px;
         right: 16px;
       }
+
+      #comboxContainer {
+        position: fixed;
+        top: 0;
+        left: 0;
+        bottom: auto;
+        right: auto;
+        width: 100vw;
+        height: 100vh;
+        height: 100dvh;
+      }
+
+      #comboxContainer sio-combox {
+        bottom: 0;
+        right: 0;
+        transform: none;
+      }
+
+      #comboxContainer.show sio-combox {
+        transform: none;
+      }
     `),
   ];