buninu-browser 0.4.0 → 0.5.1

package/README.md

@@ -17,7 +17,10 @@ directly as JavaScript and WebAssembly.
 `bun index.js --wayland URL` opens a standard Wayland SHM window using
 `WAYLAND_DISPLAY` and `XDG_RUNTIME_DIR`. Casty remains the default.
 See [frontend details and limitations](frontends/wayland/README.md).
-This does not yet provide full Quickshell/Flea/Omastorm compatibility.
+See the [experimental QML runtime and Flea/Omastorm container recipes](lib/qml/README.md)
+for local QML applications. This does not yet provide full Quickshell/Flea/Omastorm
+compatibility. For input checks, open `test/manual-pointer-scroll.html` through
+either frontend.
 
 ## Usage
 
@@ -435,6 +438,24 @@ additional unreported downstream latency, such as Bluetooth output latency.
 With `BUNINU_LOG`, `media sync` records reported audio progress, the latest
 rendered video position, and the output queue/latency for diagnosis.
 
+### Render scheduling
+
+Set `BUNINU_RENDER_MIN_INTERVAL` to adjust the minimum delay before coalesced
+DOM/Canvas redraws. The default is 16 ms; try 8 ms for more frequent updates:
+
+```sh
+env BUNINU_RENDER_MIN_INTERVAL=8 bun index.js --wayland URL
+env BUNINU_RENDER_MIN_INTERVAL=8 bun index.js URL
+```
+
+Accepts integer milliseconds from 0 to 60000. Invalid values warn and fall back
+to 16 ms. Zero removes the minimum delay, but retains asynchronous coalescing
+and the adaptive delay based on the previous layout cost. This is not an FPS
+guarantee or Casty's capture interval; shorter waits can increase CPU usage.
+Restart the browser after changing it. The setting also applies to iframe
+renderers, and only its validated numeric value is forwarded to the renderer
+process; the ordinary renderer does not inherit the host environment.
+
 ### Diagnostics
 
 [`test/fixtures/browser-raw-demo.html`](test/fixtures/browser-raw-demo.html)

package/frontends/wayland/README.md

@@ -70,7 +70,16 @@ The producer's raw file is removed after consumption, including error paths.
 
 ## Input and scope / 輸入與範圍
 
-Pointer motion, left click, scrolling, basic XKB keymap symbols and modifiers.
+Pointer motion, left/right/middle clicks, double clicks, scrolling on both axes,
+basic XKB keymap symbols and modifiers. Right clicks dispatch `contextmenu`;
+non-primary clicks dispatch `auxclick` without left-click navigation or form actions.
+Press, movement and release are delivered separately; held-button state reaches
+mousemove/pointermove so HTML canvas and QML drag handlers can draw before release.
+Focus occurs on an uncancelled left press. Click/auxclick uses the common ancestor
+of the press and release targets; removing the press target prevents activation.
+The same page event handling is available through CDP/Casty. QML MouseArea and
+TapHandler receive accepted non-primary buttons. Middle click does not yet paste
+PRIMARY selection, and selecting text does not publish a PRIMARY clipboard.
 Keyboard input uses the controller's existing paired keydown/keyup operation.
 Not full XKB: no compose, IME, layout groups, repeat, or independently held keys.
 No client cursor, drag/drop, popup, layer-shell or fractional scaling yet.
@@ -82,37 +91,45 @@ Clipboard API security/user-activation checks remain in effect.
 才讀主機工具，成功取得的非空文字也送回 Wayland，讓 Land 可以快取。
 網頁 API 原本的安全來源與使用者操作檢查仍保留。
 Connection and window are separate objects, but the launcher currently opens one
-browser document/window. QML `ShellRoot` and multiple windows are not implemented.
-
-支援基本滑鼠、左鍵、捲動與鍵盤；尚非完整 XKB/IME。按鍵沿用 controller 的成對
+browser document/window. QML `ShellRoot` can group logical objects, but multiple independent native windows
+are not implemented.
+
+支援滑鼠移動、左／右／中鍵、雙擊及雙軸捲動。按下、移動與放開分別即時傳遞，
+mousemove／pointermove 保留按住狀態，讓 Canvas 與 QML 可在放開前處理拖曳。
+未取消的左鍵按下會取得焦點；click／auxclick 以按下與放開元素的共同祖先為目標，
+按下元素已被移除時不觸發點擊。右鍵送出 contextmenu，非左鍵送出
+auxclick，不執行左鍵導航或表單動作；CDP／Casty 也共用這些事件。QML MouseArea
+與 TapHandler 可收到允許的非左鍵按鈕。選取文字尚不發布 PRIMARY，中鍵也不會
+自動貼上 PRIMARY。尚非完整 XKB/IME；按鍵沿用 controller 的成對
 按下／放開，不支援獨立長按。啟動器目前只有單一文件／視窗。
 
 ## Compatibility targets / 相容性目標
 
-Neither Flea nor Omastorm runs unmodified on the current QML subset.
-Flea 和 Omastorm 目前都還不能直接以現有 QML 子集執行。
-
-* Flea: ShellRoot, custom components/imports, models, controls/layouts, Quickshell.Io
-  process/IPC and multiple windows. Tab tearoff also uses PanelWindow/WlrLayershell.
-* Omastorm (`../omastorm`, MIT reference checkout): its manifest exposes bar-widget
-  and panel entry points. Requires custom components, Controls/Layouts, FileView,
-  Process, Socket/SplitParser, IPC, timers, Image/Canvas and ShaderEffect.
-  `docs/protocol.md` defines newline-delimited JSON v2 over
-  `$XDG_RUNTIME_DIR/omastorm/engine.sock`, served by the separate Rust engine.
-  GPU texture files and shaders require rendering compatibility beyond DOM parsing.
-
-Flea 需要多視窗、元件、模型與程序／IPC；分離分頁另需 layer-shell。
-Omastorm 還需要 Unix socket JSON 橋接及雷達 shader／貼圖支援；只有 parser
-與標準 Wayland 視窗不足以適配。不會為一般網頁開放主機檔案或程序權限。
+The official Flea binary can launch the experimental QML wrapper; directory
+navigation, previews and selected file operations have been exercised. Omastorm
+has a software ShaderEffect experiment and a reproducible container recipe.
+See [QML setup and limitations](../../lib/qml/README.md) for required backends,
+fonts, external tools and the explicit Omastorm software-path adaptation.
+Neither result implies complete Qt/Quickshell compatibility: independent native
+windows, tab tearoff/layer-shell and arbitrary shaders remain outside this scope.
+Ordinary web pages do not acquire the local QML host's file/process permissions.
+
+官方 Flea binary 已可啟動實驗性 QML wrapper，並測試目錄導航、預覽與部分檔案操作。
+Omastorm 已有軟體 ShaderEffect 實驗及容器教學；所需後端、字型、外部工具與
+Omastorm 的軟體路徑調整，見 [QML 說明](../../lib/qml/README.md)。這不代表完整
+Qt／Quickshell 相容；獨立原生多視窗、分離分頁／layer-shell、任意 shader 仍有限制。
+一般網頁不會因此取得本地 QML 的檔案或程序權限。
 
 References: https://github.com/thisisgm/flea and https://github.com/wesleygrimes/omastorm
 
 ## Verification / 測試
 
 ```sh
-bun test test/wayland-frontend.test.js
+bun test test/wayland-frontend.test.js test/double-click.test.js test/wayland-urlbar.test.js test/pointer-drag.test.js
 # Optional integration with the existing sibling buninu-land checkout:
-BUNINU_TEST_WAYLAND=1 bun test test/wayland-frontend.test.js
+BUNINU_TEST_WAYLAND=1 bun test test/wayland-frontend.test.js test/wayland-scroll.test.js test/pointer-drag.test.js
+# Optional reference comparison with /usr/local/bin/chromium-headless-shell:
+BUNINU_TEST_CHROMIUM=1 bun test test/pointer-drag.test.js
 ```
 
 The integration test creates its own compositor/socket; it does not interrupt the
@@ -121,3 +138,15 @@ user's compositor. Checks SHM presentation, pointer click, keyboard and resize.
 
 Protocol XML retains upstream license notices. Transport/protocol code adapted
 from Buninu Land (MIT), see LICENSE-land. XML is interpreted at runtime with Bun.XML.
+
+Manual mouse/scroll test / 手動滑鼠與捲動測試：
+
+```sh
+bun index.js --wayland file://"$PWD"/test/manual-pointer-scroll.html
+# Omit --wayland to use the default Casty frontend.
+```
+
+The page includes vertical/horizontal/two-axis scroll boxes, button and double-click
+counters, a drag canvas, text controls and bounded event logs. It reports received
+modifiers without swapping wheel axes itself. 頁面不自行轉換滾輪方向，可從紀錄
+確認外層是否真的送來水平軸與修飾鍵；預設 Casty 路徑可省略 `--wayland`。

package/frontends/wayland/index.js

@@ -9,6 +9,7 @@ import {WaylandUrlBar,BAR_HEIGHT} from './urlbar.js';
 import {readClipboard,writeClipboard} from '../../lib/clipboard.js';
 
 // qml handle begin: local QML clipboard uses this frontend's Wayland seat
+import {qmlWindowConstraints} from '../../lib/qml/window-constraints.js';
 import {attachQmlClipboard} from '../../lib/qml/wayland-clipboard.js';
 // qml handle end
 
@@ -47,6 +48,11 @@ export async function launch({url='about:blank',width=800,height=600,socket,chro
     }).initialize();
     window=new WaylandWindow(client,{width,height:height+(toolbar?BAR_HEIGHT:0)});
     client.onClose=close;window.onClose=close;
+
+    // qml handle begin: forward declarative window constraints to xdg_toplevel
+    const syncQmlConstraints=qmlWindowConstraints(client,window,browser.context);
+    // qml handle end
+
     const draw=async()=>{
       if(closed||!ready||navigating||busy||!dirty||!window.available)return;
       busy=true;dirty=false;const generation=navigation;let path;
@@ -90,6 +96,10 @@ export async function launch({url='about:blank',width=800,height=600,socket,chro
         const title=String(await browser.context.title()||'Buninu Browser');
         if(closed||generation!==navigation)return;
         toolbar?.updateURL(browser.context.url);
+        // qml handle begin: refresh size hints alongside existing window metadata
+        await syncQmlConstraints();
+        // qml handle end
+
         if(title!==lastTitle){lastTitle=title;client.request(window.toplevel,'set_title',title);}
       }catch(e){if(!closed&&generation===navigation)fail(e);}finally{readingTitle=false;}
     },500);
@@ -102,6 +112,10 @@ export async function launch({url='about:blank',width=800,height=600,socket,chro
     }:browser.context;
     attachInput(client,window,input,fail);
     await browser.context.resize(width,height,1);await browser.context.navigate(url);ready=true;draw();
+    // qml handle begin: send initial window size hints
+    await syncQmlConstraints();
+    // qml handle end
+
     return {browser,client,window,toolbar,close,done};
   }catch(e){close();throw e;}
 }

package/frontends/wayland/input.js

@@ -19,6 +19,8 @@ export function keysym(symbol){
 export function attachInput(client,window,context,onError) {
   if(!client.globals.has('wl_seat'))return;
   let pointer,keyboard,x=0,y=0,focused=false,keys=new Map(),mods=0,locked=0;
+  let lastClick=null, clickCount=0;
+  const modifiers=()=>({modifiers:(mods&8?1:0)|(mods&4?2:0)|(mods&64?4:0)|(mods&1?8:0)});
   const active=()=>!window.closed&&!client.connection.closed;
   const invoke=(method,...args)=>{
     if(!active())return;
@@ -31,15 +33,32 @@ export function attachInput(client,window,context,onError) {
     if(event!=='capabilities')return;
     if((caps&1)&&!pointer){pointer=client.object('wl_pointer',(name,args)=>{
       if(name==='enter'){focused=args[1]===window.surface;[x,y]=args.slice(2);}
-      if(name==='leave')focused=false;
-      if(name==='motion'){[x,y]=args.slice(1);if(focused)invoke('move',x,y);}
+      if(name==='leave'){focused=false;lastClick=null;clickCount=0;}
+      if(name==='motion'){[x,y]=args.slice(1);if(focused)invoke('move',x,y,modifiers());}
 
       // Mouse-triggered copy also has a valid Wayland input serial.
       if(name==='button'&&focused&&client.clipboard)client.clipboard.serial=args[0];
 
-      if(name==='button'&&focused&&context.pointerButton)invoke('pointerButton',x,y,args[2],args[3]);
-      else if(name==='button'&&focused&&args[2]===272&&args[3]===0)invoke('click',x,y);
-      if(name==='axis'&&focused)invoke('scroll',args[1]===1?args[2]:0,args[1]===0?args[2]:0,{x,y});
+      if(name==='button'&&focused){
+        const [,time,button,state]=args;
+        if(state){
+          // Wayland supplies monotonic uint32 milliseconds, not a click count.
+          // Allow modest touch jitter in surface coordinates; reset on leave.
+          clickCount=lastClick&&lastClick.button===button&&((time-lastClick.time)>>>0)<400
+            &&Math.abs(x-lastClick.x)<=12&&Math.abs(y-lastClick.y)<=12 ? clickCount+1 : 1;
+          lastClick={time,button,x,y};
+        }
+        const options={clickCount:clickCount||1,...modifiers()};
+        if(context.pointerButton)invoke('pointerButton',x,y,button,state,options);
+        else if(state===0&&button>=272&&button<=274)invoke('click',x,y,{...options,button:button===273?'right':button===274?'middle':'left'});
+      }
+      if(name==='axis'&&focused){
+        // Browser scrolling consumes pixel deltas. Land maps 100 CDP pixels
+        // to 10 Wayland axis units; restore that scale on the client side.
+        // Preserve fractional movement and apply page zoom later in the toolbar.
+        const delta=args[2]*10;
+        invoke('scroll',args[1]===1?delta:0,args[1]===0?delta:0,{x,y});
+      }
     });client.request(seat,'get_pointer',pointer);}
     if((caps&2)&&!keyboard){keyboard=client.object('wl_keyboard',(name,args)=>{
 

package/frontends/wayland/urlbar.js

@@ -67,9 +67,10 @@ export class WaylandUrlBar {
     if(action){await this.action(action);return;}
     return this.context.press(key,options);
   }
-  async pointerButton(x,y,button,state) {
-    if(button!==272)return;
-    if(y<this.height||this.editor.dragging) {
+  async pointerButton(x,y,button,state,options={}) {
+    if(button<272||button>274)return;
+    if((y<this.height&&!this.pageButtons)||this.editor.dragging) {
+      if(button!==272)return;
       const col=Math.max(1,Math.floor(x/this.cellWidth)+1);
       if(state) {
         if(!this.editor.editing){this.open(col<=3);if(col>3)this.editor.armDrag(col);}
@@ -78,9 +79,12 @@ export class WaylandUrlBar {
       return;
     }
     if(state&&this.editor.editing)this.editor.cancelEditing();
-    if(!state)return this.context.click(x/this.zoom,(y-this.height)/this.zoom);
+    const mask=button===272?1:button===273?2:4;
+    this.pageButtons=state?(this.pageButtons||0)|mask:(this.pageButtons||0)&~mask;
+    if(this.context.pointerButton)return this.context.pointerButton(x/this.zoom,(y-this.height)/this.zoom,button,state,options);
+    if(!state)return this.context.click(x/this.zoom,(y-this.height)/this.zoom,button===272?options:{...options,button:button===273?"right":"middle"});
   }
-  move(x,y){if(this.editor.dragging){this.editor.pointerMove(Math.max(1,Math.floor(x/this.cellWidth)+1));return;}if(y>=this.height)return this.context.move(x/this.zoom,(y-this.height)/this.zoom);}
+  move(x,y,options={}){if(this.editor.dragging){this.editor.pointerMove(Math.max(1,Math.floor(x/this.cellWidth)+1));return;}if(y>=this.height||this.pageButtons)return this.context.move(x/this.zoom,(y-this.height)/this.zoom,options);}
   scroll(dx,dy,at){if(at?.y<this.height){if(this.editor.editing){if(dy<0)this.editor.historyUp();else this.editor.historyDown();}return;}return this.context.scroll(dx/this.zoom,dy/this.zoom,at?{x:at.x/this.zoom,y:(at.y-this.height)/this.zoom}:null);}
   async command(line) {
     const {name,arg,error}=parseCommand(line);if(error){this.flash(error);return;}

package/lib/audio/shared-connection.js

@@ -0,0 +1,31 @@
+// Keep one connection while audio-owning renderer processes are alive. A
+// completed stream does not release its owner: the page may play again.
+export class SharedAudioConnection {
+  #connect;
+  #pending = null;
+  #owners = new Set();
+
+  constructor(connect) { this.#connect = connect; }
+
+  acquire(owner) {
+    this.#owners.add(owner);
+    if (!this.#pending) {
+      const pending = Promise.resolve().then(this.#connect).catch(error => {
+        if (this.#pending === pending) this.#pending = null;
+        throw error;
+      });
+      this.#pending = pending;
+    }
+    return this.#pending;
+  }
+
+  release(owner) {
+    this.#owners.delete(owner);
+    if (this.#owners.size || !this.#pending) return;
+    const pending = this.#pending;
+    this.#pending = null;
+    // Also close connections whose authentication is still in flight. A new
+    // owner gets a separate connection and cannot inherit this closing one.
+    void pending.then(client => client.close()).catch(() => {});
+  }
+}

package/lib/cdp-server.js

@@ -701,7 +701,7 @@ async function dispatch(ctx, state, method, params, sessionId, emit) {
     case "Input.dispatchMouseEvent": {
       const target = getSessionTarget(state, sessionId);
       if (params.type === "mouseMoved") {
-        await ctx.move?.(params.x, params.y);
+        await ctx.move?.(params.x, params.y, {modifiers:params.modifiers ?? 0});
         return {};
       }
       if (params.type === "mouseWheel") {
@@ -709,9 +709,22 @@ async function dispatch(ctx, state, method, params, sessionId, emit) {
         return {};
       }
 
+      if (ctx.pointerButton && (params.type === 'mousePressed' || params.type === 'mouseReleased')) {
+        const navigation = await ctx.pointerButton(params.x,params.y,
+          params.button==='right'?273:params.button==='middle'?274:272,
+          params.type==='mousePressed'?1:0,
+          {clickCount:params.clickCount,modifiers:params.modifiers});
+        if (navigation?.url) {
+          navigateTarget(state,target,navigation.url,emit,{addHistory:true});
+          target.title=navigation.title ?? await getContextTitle(ctx,target);
+          target.history[target.historyIndex].title=target.title;
+          if(target.screencast)await pushScreencastFrame(ctx,state,target);
+        }
+        return {};
+      }
       if (params.type === "mouseReleased") {
         target.focusedSelector = target.pendingSelector;
-        applyClick(target, target.pendingSelector);
+        if (!params.button || params.button === "left") applyClick(target, target.pendingSelector);
         const navigation = await ctx.click?.(params.x, params.y, {
           button: params.button,
           clickCount: params.clickCount,

package/lib/happy-dom/inert-link.js

@@ -0,0 +1,26 @@
+import * as PropertySymbol from '../../vendor/happy-dom/packages/happy-dom/src/PropertySymbol.ts';
+
+// Happy DOM shares HTMLLinkElement.prototype between windows. Install one
+// dispatch hook, but bypass its loader only for windows owned by our renderer.
+const inertWindows = new WeakSet();
+let installed = false;
+export function makeLinksInert(window) {
+  inertWindows.add(window);
+  if (installed) return;
+  installed = true;
+  const base = window.HTMLElement.prototype;
+  const prototype = window.HTMLLinkElement.prototype;
+  const connected = prototype[PropertySymbol.connectedToDocument];
+  const setAttribute = prototype[PropertySymbol.onSetAttribute];
+  prototype[PropertySymbol.connectedToDocument] = function() {
+    if (!inertWindows.has(this[PropertySymbol.window])) return connected.call(this);
+    // The renderer owns load/error dispatch; the disabled parser loader must
+    // not emit a premature error when a dynamic stylesheet is connected.
+    base[PropertySymbol.connectedToDocument].call(this);
+    this.ownerDocument[PropertySymbol.clearComputedStyleCache]();
+  };
+  prototype[PropertySymbol.onSetAttribute] = function(attribute, replacedAttribute) {
+    if (!inertWindows.has(this[PropertySymbol.window])) return setAttribute.call(this, attribute, replacedAttribute);
+    base[PropertySymbol.onSetAttribute].call(this, attribute, replacedAttribute);
+  };
+}

package/lib/happy-dom/node-iterator-removal.js

@@ -0,0 +1,36 @@
+import Node from '../../vendor/happy-dom/packages/happy-dom/src/nodes/node/Node.ts';
+import * as PropertySymbol from '../../vendor/happy-dom/packages/happy-dom/src/PropertySymbol.ts';
+
+// NodeIterator's pre-removing steps must run synchronously, including removals
+// by innerHTML, normalize and reparenting. All reach Happy DOM's internal hook.
+const roots = new WeakMap();
+const cleanup = new FinalizationRegistry(({ entries, ref }) => entries.delete(ref));
+let installed = false;
+export function observeIteratorRemoval(root, iterator) {
+  let entries = roots.get(root);
+  if (!entries) roots.set(root, entries = new Set());
+  const ref = new WeakRef(iterator);
+  entries.add(ref);
+  cleanup.register(iterator, { entries, ref });
+  if (installed) return;
+  installed = true;
+  const remove = Node.prototype[PropertySymbol.removeChild];
+  Node.prototype[PropertySymbol.removeChild] = function(node) {
+    node = node?.[PropertySymbol.proxy] ?? node;
+    // select/form methods are bound to the raw target, while parentNode and
+    // iterator roots expose its proxy. Compare and walk the public identity.
+    const parent = this[PropertySymbol.proxy] ?? this;
+    if (node?.parentNode === parent) {
+      for (let ancestor = parent; ancestor; ancestor = ancestor.parentNode) {
+        const entries = roots.get(ancestor);
+        if (!entries) continue;
+        for (const ref of entries) {
+          const iterator = ref.deref();
+          if (iterator) iterator.preRemove(node);
+          else entries.delete(ref);
+        }
+      }
+    }
+    return remove.call(this, node);
+  };
+}

package/lib/happy-dom/node-replacement.js

@@ -0,0 +1,60 @@
+/** DOM replace: validate first, detach the incoming node, remove the outgoing
+ * node, then insert. Happy DOM's insert-then-remove order skips replacements
+ * in live NodeIterators. Keep this on the renderer bindings' mutation path.
+ * https://dom.spec.whatwg.org/#concept-node-replace */
+function validate(parent, node, child) {
+  const fail = (name) => { throw new DOMException('Invalid node replacement', name); };
+  if (![1,9,11].includes(parent.nodeType)) fail('HierarchyRequestError');
+  for (let ancestor = parent; ancestor; ancestor = ancestor.parentNode ?? ancestor.host) {
+    if (ancestor === node) fail('HierarchyRequestError');
+  }
+  if (child.parentNode !== parent) fail('NotFoundError');
+  if (![1,3,4,7,8,10,11].includes(node.nodeType)) fail('HierarchyRequestError');
+  if (node.nodeType === 10 && parent.nodeType !== 9) fail('HierarchyRequestError');
+  if (parent.nodeType !== 9) return;
+  // Validate the final document, allowing the outgoing child and an incoming
+  // sibling to be replaced/moved without counting either twice.
+  const added = node.nodeType === 11 ? [...node.childNodes] : [node];
+  const final = [];
+  for (const current of parent.childNodes) {
+    if (current === child) final.push(...added);
+    else if (current !== node) final.push(current);
+  }
+  let element = false, doctype = false;
+  for (const current of final) {
+    if (current.nodeType === 3 || current.nodeType === 4) fail('HierarchyRequestError');
+    if (current.nodeType === 1) {
+      if (element) fail('HierarchyRequestError');
+      element = true;
+    } else if (current.nodeType === 10) {
+      if (doctype || element) fail('HierarchyRequestError');
+      doctype = true;
+    }
+  }
+}
+
+export function replaceNode(parent, node, child) {
+  validate(parent, node, child);
+  let reference = child.nextSibling;
+  if (reference === node) reference = node.nextSibling;
+  if (node.parentNode) node.parentNode.removeChild(node);
+  if (child.parentNode) child.parentNode.removeChild(child);
+  parent.insertBefore(node, reference);
+  return child;
+}
+
+export function replaceWithNodes(child, nodes) {
+  const parent = child.parentNode;
+  if (!parent) return;
+  let reference = child.nextSibling;
+  while (reference && nodes.includes(reference)) reference = reference.nextSibling;
+  // DOM's convert-nodes algorithm moves multiple arguments into a fragment
+  // first, including the receiver if it occurs among the arguments.
+  let node = nodes[0];
+  if (nodes.length !== 1) {
+    node = child.ownerDocument.createDocumentFragment();
+    for (const item of nodes) node.appendChild(item);
+  }
+  if (child.parentNode === parent) replaceNode(parent, node, child);
+  else parent.insertBefore(node, reference);
+}

package/lib/happy-dom/parser.js

@@ -1,3 +1,4 @@
+import { makeLinksInert } from './inert-link.js';
 import HTMLParser from "../../vendor/happy-dom/packages/happy-dom/src/html-parser/HTMLParser.ts";
 import Window from "../../vendor/happy-dom/packages/happy-dom/src/window/Window.ts";
 import * as PropertySymbol from "../../vendor/happy-dom/packages/happy-dom/src/PropertySymbol.ts";
@@ -26,7 +27,7 @@ export function parseHTMLDocument(html, url = "about:blank", referrer = "") {
 
 /** An isolated parser context: no script execution, resource loads or page custom elements. */
 export function createInertWindow(url = "about:blank") {
-  return new Window({
+  const window = new Window({
     url,
     settings: {
       disableJavaScriptEvaluation: true,
@@ -40,6 +41,8 @@ export function createInertWindow(url = "about:blank") {
       navigation: { disableFallbackToSetURL: true },
     },
   });
+  makeLinksInert(window);
+  return window;
 }
 
 /**

package/lib/headless-shell.js

@@ -516,11 +516,14 @@ export async function createBrowser({
     lifecycleState() {
       return [...reachedLifecycle(committed.host, committed.generation)];
     },
-    move(x, y) {
-      return call("move", x / pageScale(), y / pageScale());
+    move(x, y, options = {}) {
+      return call("move", x / pageScale(), y / pageScale(), options);
     },
-    async click(x, y) {
-      const clicked = await call("click", x / pageScale(), y / pageScale());
+    pointerButton(x, y, button, state, options = {}) {
+      return this.click(x, y, {...options, button:button===273?'right':button===274?'middle':'left', phase:state?'down':'up'});
+    },
+    async click(x, y, options = {}) {
+      const clicked = await call("click", x / pageScale(), y / pageScale(), options);
       const href = typeof clicked === "string" ? clicked : clicked?.url;
       if (typeof href !== "string") return null;
       if (clicked.fragmentFrom) {

package/lib/layout/text-layout.js

@@ -1858,8 +1858,10 @@ function resolveHorizontal(ctx, box, containingX, containingWidth, shrink, perce
   return { x: containingX + marginLeft, width, marginLeft, marginRight };
 }
 
+// Anonymous flex/grid items share their parent RenderNode, but measure only
+// their own text run. Never reuse the parent's intrinsic width for these boxes.
 function maxContentWidth(ctx, box) {
-  const cacheKey = box.node ?? box;
+  const cacheKey = box.anonymous ? box : box.node ?? box;
   const cached = ctx.maxContent.get(cacheKey);
   if (cached != null) return cached;
   const style = box.style;
@@ -1902,7 +1904,7 @@ function maxContentWidth(ctx, box) {
 }
 
 function minContentWidth(ctx, box) {
-  const cacheKey = box.node ?? box;
+  const cacheKey = box.anonymous ? box : box.node ?? box;
   const cached = ctx.minContent.get(cacheKey);
   if (cached != null) return cached;
   const style = box.style;

package/lib/paint/display-list.js

@@ -195,7 +195,7 @@ export function buildDisplayList(layout, tree = null, resources = null, backgrou
         fixed: effect.fixed,
         // Preserve text geometry for form-control caret hit testing, including
         // whitespace runs which intentionally have no painted glyphs.
-        ...(tree?.nodesById.get(run.nodeId)?.pseudo==='value'?{textRun:run,transform:effect.transform}:{}),
+        ...(run.type !== 'image'?{textRun:run,transform:effect.transform}:{}),
       });
       reach(effect, hitRect);
       paintRun(fragment, run);
@@ -238,6 +238,7 @@ export function buildDisplayList(layout, tree = null, resources = null, backgrou
         nodeId: run.nodeId,
         text: run.text,
         textWidth: run.width,
+        sourceStart: run.sourceStart ?? 0,
         x: run.x,
         y,
         font: {