update at 2026-03-03 17:05:40

wetty/src/assets/scss/terminal.scss

@@ -1,4 +1,5 @@
 #terminal {
+  box-sizing: border-box;
   display: flex;
   height: 100%;
   position: relative;

wetty/src/client/wetty/mobile.ts

@@ -11,22 +11,10 @@ export function mobileKeyboard(): void {
 }
 
 export function initMobileViewport(term: any): void {
-  // Safari/iOS 上阻止页面随着键盘弹出连带回弹上卷
-  document.body.style.position = 'fixed';
-  document.body.style.width = '100%';
-  document.body.style.height = '100%';
-  document.body.style.overflow = 'hidden';
-
-  // 劫持容器，阻止橡皮筋翻页穿透
-  document.addEventListener('touchmove', (e) => {
-    if (!(e.target as Element).closest('.xterm-viewport')) {
-      e.preventDefault();
-    }
-  }, { passive: false });
-
   if (window.visualViewport) {
     const handleResize = () => {
-      // 计算键盘弹起遮挡区域（针对不同平台浏览器处理）
+      // 类似 xterminal，给软键盘和页面重排一点时间
+      setTimeout(() => {
         let bottomInset = 0;
         if (window.visualViewport) {
           bottomInset = Math.max(
@@ -35,7 +23,7 @@ export function initMobileViewport(term: any): void {
           );
         }
 
-      const termWrapper = document.getElementById('terminal'); // 或获取最近的包装器
+        const termWrapper = document.getElementById('terminal'); // 外层容器
         if (termWrapper) {
           if (bottomInset > 0) {
             termWrapper.style.paddingBottom = `${bottomInset}px`;
@@ -44,12 +32,12 @@ export function initMobileViewport(term: any): void {
           }
         }
 
-      // 调整完包裹层高度后，通知 xterm 重新按新的可用高度进行行列计算
-      setTimeout(() => {
+        // 通知 xterm 重新按新的可用高度进行行列计算，类似于 xterminal 重新适配行
         if (term && term.fitAddon) {
           term.fitAddon.fit();
+          term.scrollToBottom();
         }
-      }, 50);
+      }, 100);
     };
 
     window.visualViewport.addEventListener('resize', handleResize);