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() {
logger.debug('handleBrowse called, setting showFileBrowser to true');
this.showFileBrowser = true;
this.requestUpdate();
}
private handleDirectorySelected(e: CustomEvent) {

View file

@ -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 = {