From f09eb9a49375b4f8cb8261b4acdc048982a5d9d8 Mon Sep 17 00:00:00 2001 From: Peter Steinberger Date: Tue, 15 Jul 2025 09:31:39 +0200 Subject: [PATCH] fix: increase file browser z-index to appear above modal backdrop The file browser was rendering behind the session create form modal because its z-index (200) was lower than the modal backdrop (1000). Increased FILE_BROWSER z-index to 1100 to ensure proper layering. Also added debug logging to handleBrowse method for better troubleshooting. --- web/src/client/components/session-create-form.ts | 2 ++ web/src/client/utils/constants.ts | 2 +- 2 files changed, 3 insertions(+), 1 deletion(-) diff --git a/web/src/client/components/session-create-form.ts b/web/src/client/components/session-create-form.ts index 302a9479..e8e2cbff 100644 --- a/web/src/client/components/session-create-form.ts +++ b/web/src/client/components/session-create-form.ts @@ -271,7 +271,9 @@ export class SessionCreateForm extends LitElement { } private handleBrowse() { + logger.debug('handleBrowse called, setting showFileBrowser to true'); this.showFileBrowser = true; + this.requestUpdate(); } private handleDirectorySelected(e: CustomEvent) { diff --git a/web/src/client/utils/constants.ts b/web/src/client/utils/constants.ts index d6d11f47..37710804 100644 --- a/web/src/client/utils/constants.ts +++ b/web/src/client/utils/constants.ts @@ -52,7 +52,7 @@ export const Z_INDEX = { SESSION_EXITED_OVERLAY: 120, // Special high-priority overlays (200+) - FILE_BROWSER: 200, // Reduced from 1100 + FILE_BROWSER: 1100, // Must be higher than modal backdrop (1000) } as const; export const TERMINAL = {