From ac7625d41d5ad444e1c6c7f415b288aa685dc177 Mon Sep 17 00:00:00 2001 From: "Anthony Fu (via agent)" Date: Tue, 18 Aug 2026 05:00:45 +0000 Subject: [PATCH] fix(examples/hub-next): keep the auth overlay above the dashboard MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The AuthOverlay renders as the root div's first child, before header/ main/footer, with position: fixed but no z-index. main uses position: relative for its absolutely-positioned iframe/panel children, so with both at z-index: auto the two compete in the same stacking group and paint order falls back to tree order — main comes later in the DOM and painted on top, hiding the authorization form behind the dashboard. Add the shared z-modal-content layer (the same one FixPromptsDialog uses for its full-screen overlay) so the overlay reliably stacks above the rest of the page regardless of DOM order. --- examples/hub-next/src/client/app/page.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/examples/hub-next/src/client/app/page.tsx b/examples/hub-next/src/client/app/page.tsx index df9ded24..91b6e9a3 100644 --- a/examples/hub-next/src/client/app/page.tsx +++ b/examples/hub-next/src/client/app/page.tsx @@ -295,7 +295,7 @@ function AuthOverlay({ rpc }: { rpc: DevframeRpcClient }) { } return ( -
+