Merge branch 'main' into main

Author: kylecarbs

README.md

@@ -2,7 +2,7 @@
 
 [![NPM Version](https://img.shields.io/npm/v/ghostty-web)](https://npmjs.com/package/ghostty-web) [![NPM Downloads](https://img.shields.io/npm/dw/ghostty-web)](https://npmjs.com/package/ghostty-web) [![npm bundle size](https://img.shields.io/bundlephobia/minzip/ghostty-web)](https://npmjs.com/package/ghostty-web) [![license](https://img.shields.io/github/license/coder/ghostty-web)](./LICENSE)
 
-[Ghostty](https://github.com/ghostty-org/ghostty) for the web with [xterm.js](https://github.com/xtermjs/xterm.js) API compatibility — giving you a proper VT100 implementation in the browser, not a JavaScript approximation of one.
+[Ghostty](https://github.com/ghostty-org/ghostty) for the web with [xterm.js](https://github.com/xtermjs/xterm.js) API compatibility — giving you a proper VT100 implementation in the browser.
 
 - Migrate from xterm by changing your import: `@xterm/xterm` → `ghostty-web`
 - WASM-compiled parser from Ghostty—the same code that runs the native app
@@ -12,23 +12,26 @@ Originally created for [Mux](https://github.com/coder/mux) (a desktop app for is
 
 ## Try It
 
-```bash
-npx @ghostty-web/demo@next
-```
+- [Live Demo](https://ghostty.ondis.co) on an ephemeral VM (thank you to Greg from [disco.cloud](https://disco.cloud) for hosting).
+
+- On your computer:
+
+  ```bash
+  npx @ghostty-web/demo@next
+  ```
 
-This starts a local HTTP server with a real shell on `http://localhost:8080`. Works best on Linux and macOS.
+  This starts a local HTTP server with a real shell on `http://localhost:8080`. Works best on Linux and macOS.
 
 ![ghostty](https://github.com/user-attachments/assets/aceee7eb-d57b-4d89-ac3d-ee1885d0187a)
 
 ## Comparison with xterm.js
 
 xterm.js is everywhere—VS Code, Hyper, countless web terminals. But it has fundamental issues:
 
-| Issue                                    | xterm.js                                                            | ghostty-web                |
-| ---------------------------------------- | ------------------------------------------------------------------- | -------------------------- |
-| **RTL languages**                        | [Broken since 2017](https://github.com/xtermjs/xterm.js/issues/701) | ✓ Works                    |
-| **Complex scripts** (Devanagari, Arabic) | Rendering issues                                                    | ✓ Proper grapheme handling |
-| **XTPUSHSGR/XTPOPSGR**                   | [Not supported](https://github.com/xtermjs/xterm.js/issues/2570)    | ✓ Full support             |
+| Issue                                    | xterm.js                                                         | ghostty-web                |
+| ---------------------------------------- | ---------------------------------------------------------------- | -------------------------- |
+| **Complex scripts** (Devanagari, Arabic) | Rendering issues                                                 | ✓ Proper grapheme handling |
+| **XTPUSHSGR/XTPOPSGR**                   | [Not supported](https://github.com/xtermjs/xterm.js/issues/2570) | ✓ Full support             |
 
 xterm.js reimplements terminal emulation in JavaScript. Every escape sequence, every edge case, every Unicode quirk—all hand-coded. Ghostty's emulator is the same battle-tested code that runs the native Ghostty app.
 

lib/terminal.ts

@@ -325,6 +325,17 @@ export class Terminal implements ITerminalCore {
         parent.setAttribute('tabindex', '0');
       }
 
+      // Mark as contenteditable so browser extensions (Vimium, etc.) recognize
+      // this as an input element and don't intercept keyboard events.
+      parent.setAttribute('contenteditable', 'true');
+      // Prevent actual content editing - we handle input ourselves
+      parent.addEventListener('beforeinput', (e) => e.preventDefault());
+
+      // Add accessibility attributes for screen readers and extensions
+      parent.setAttribute('role', 'textbox');
+      parent.setAttribute('aria-label', 'Terminal input');
+      parent.setAttribute('aria-multiline', 'true');
+
       // Create WASM terminal with current dimensions and theme config
       const wasmConfig = this.buildWasmConfig();
       this.wasmTerm = this.ghostty!.createTerminal(this.cols, this.rows, wasmConfig);
@@ -1113,6 +1124,12 @@ export class Terminal implements ITerminalCore {
       this.element.removeEventListener('mousemove', this.handleMouseMove);
       this.element.removeEventListener('mouseleave', this.handleMouseLeave);
       this.element.removeEventListener('click', this.handleClick);
+
+      // Remove contenteditable and accessibility attributes added in open()
+      this.element.removeAttribute('contenteditable');
+      this.element.removeAttribute('role');
+      this.element.removeAttribute('aria-label');
+      this.element.removeAttribute('aria-multiline');
     }
 
     // Remove document-level listeners (only if opened)