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.
This commit is contained in:
Peter Steinberger 2025-07-15 09:31:39 +02:00
parent 4f1dd36be5
commit f09eb9a493
2 changed files with 3 additions and 1 deletions

View file

@ -271,7 +271,9 @@ export class SessionCreateForm extends LitElement {
} }
private handleBrowse() { private handleBrowse() {
logger.debug('handleBrowse called, setting showFileBrowser to true');
this.showFileBrowser = true; this.showFileBrowser = true;
this.requestUpdate();
} }
private handleDirectorySelected(e: CustomEvent) { private handleDirectorySelected(e: CustomEvent) {

View file

@ -52,7 +52,7 @@ export const Z_INDEX = {
SESSION_EXITED_OVERLAY: 120, SESSION_EXITED_OVERLAY: 120,
// Special high-priority overlays (200+) // Special high-priority overlays (200+)
FILE_BROWSER: 200, // Reduced from 1100 FILE_BROWSER: 1100, // Must be higher than modal backdrop (1000)
} as const; } as const;
export const TERMINAL = { export const TERMINAL = {