@cplieger/web-terminal-ui 2.1.0 → 2.1.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cplieger/web-terminal-ui",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "type": "module",
   "description": "Reference touch-first browser UI for @cplieger/web-terminal-engine: textarea input model, mobile key toolbar, context menu, IME, predictive echo, viewport/keyboard-inset handling, and CSS. One mount() call.",
   "license": "GPL-3.0-or-later",
@@ -31,8 +31,8 @@
     "fast-check": "4.8.0",
     "happy-dom": "20.10.6",
     "html-validate": "11.5.3",
-    "knip": "6.22.0",
-    "prettier": "3.9.0",
+    "knip": "6.23.0",
+    "prettier": "3.9.1",
     "stylelint": "17.14.0",
     "stylelint-config-standard": "40.0.0",
     "typescript": "6.0.3",

package/src/mount.ts

@@ -645,6 +645,25 @@ export function mount(root: HTMLElement, opts: MountOptions = {}): TerminalUI {
     },
     { passive: true },
   );
+  // After a touch tap, iOS/WebKit dispatches a synthetic `mousedown` (following
+  // the `pointerup` above). Its default action moves focus to the nearest
+  // focusable ancestor of the tap point — but the input-model contract keeps
+  // `.term-output` and `.term` deliberately non-focusable (display-only) and the
+  // hidden textarea is `pointer-events: none`, so the tap never lands on a
+  // focusable node. With nothing focusable under the tap, that default blurs the
+  // textarea we just focused in `pointerup`, so iOS immediately dismisses the
+  // soft keyboard the tap had only just opened — the "keyboard flashes open then
+  // instantly closes" symptom on touch. Cancelling the synthetic mousedown's
+  // default keeps focus on the textarea, so the keyboard stays up. This is the
+  // xterm.js focus-preservation pattern, scoped to touch: a real mouse mousedown
+  // must keep its default so desktop drag-to-select text still works, and iOS
+  // text selection is long-press-driven (not this tap mousedown), so it is
+  // unaffected. Not passive — preventDefault must take effect.
+  termWrap.addEventListener("mousedown", (e) => {
+    if (lastPointerType === "touch") {
+      e.preventDefault();
+    }
+  });
   termWrap.addEventListener("click", (e) => {
     // Terminal links: URLs rendered by the engine are wrapped in
     // <a class="term-link" target="_blank" rel="noopener noreferrer">. The