v11: Fix root order detection

src/adapter/11/options.ts

@@ -8,6 +8,7 @@ import {
 	getStatefulHooks,
 	getStatefulHookValue,
 	TYPE_COMPONENT,
+	isRoot,
 } from "./bindings";
 import { RendererConfig } from "../shared/renderer";
 import { Renderer } from "../renderer";
@@ -87,6 +88,10 @@ function trackPrevState(Ctor: any) {
 	};
 }
 
+function getParentDom(internal: Internal): Node | null {
+	return internal.props?._parentDom || internal.props?.__P || null;
+}
+
 export function setupOptionsV11(
 	options: OptionsV11,
 	renderer: Renderer,
@@ -209,6 +214,12 @@ export function setupOptionsV11(
 
 		// These cases are already handled by `unmount`
 		if (internal == null) return;
+		if (isRoot(internal, config)) {
+			const dom = getParentDom(internal);
+			if (dom) {
+				roots.set(internal, dom);
+			}
+		}
 
 		renderer.onCommit(internal, owners, timings, renderReasons);
 

test-e2e/tests/root-islands.test.ts

@@ -9,6 +9,10 @@ test("Islands roots should be sorted by DOM order", async ({ page }) => {
 });
 
 test("Virtual island roots should be sorted by DOM order", async ({ page }) => {
+	test.skip(
+		process.env.PREACT_VERSION !== "10",
+		"Fake root DOM node is not supported in v11",
+	);
 	const { devtools } = await gotoTest(page, "islands-order-virtual");
 
 	const items = await getTreeItems(devtools);