@hmduc16031996/claude-mb-bridge 2.5.3 → 2.5.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hmduc16031996/claude-mb-bridge",
-  "version": "2.5.3",
+  "version": "2.5.4",
   "description": "Bridge between Claude Code CLI and your mobile app via WebView",
   "type": "module",
   "main": "dist/index.js",

package/public/app.js

@@ -1724,6 +1724,40 @@ class ClaudeRemote {
 
     // Always show in mobile flex flow
     this.elements.mainScreen.classList.add('mobile-keys-visible');
+
+    // Handle initial sizing
+    if (window.visualViewport) {
+      window.visualViewport.addEventListener('resize', () => this.onViewportChange());
+      window.visualViewport.addEventListener('scroll', () => this.onViewportChange());
+      this.onViewportChange();
+    }
+  }
+
+  onViewportChange() {
+    if (!window.visualViewport) return;
+
+    // Adjust app height to match visual viewport (the actual visible area above the keyboard)
+    const viewportHeight = window.visualViewport.height;
+    const bodyHeight = window.innerHeight;
+
+    // On some mobile browsers, setting 100% isn't enough when keyboard is open
+    // We explicitly set the app height to the visual viewport height
+    const app = document.getElementById('app');
+    if (app) {
+      app.style.height = `${viewportHeight}px`;
+    }
+
+    // Recalculate terminal size for the new container height
+    this.fitTerminal();
+
+    // Ensure terminal scrolled to bottom so cursor is visible above keyboard
+    // Only if the current session is terminal-based
+    if (this.currentSessionId && this.terminal) {
+      this.terminal.scrollToBottom();
+    }
+
+    // Log for debugging visibility if needed
+    // console.log(`Viewport height: ${viewportHeight}, Body height: ${bodyHeight}`);
   }
 
 

package/public/styles.css

@@ -63,11 +63,12 @@ body {
 
 #app {
   width: 100%;
-  height: 100%;
+  height: 100vh; /* Primary height */
   display: flex;
   flex-direction: column;
   position: relative;
   z-index: 1;
+  overflow: hidden;
 }
 
 /* ===== SCREENS ===== */