diff --git a/crates/tauri-app/src/App.svelte b/crates/tauri-app/src/App.svelte index e6d9402..588c6b0 100644 --- a/crates/tauri-app/src/App.svelte +++ b/crates/tauri-app/src/App.svelte @@ -561,12 +561,17 @@ this, the shell collapses to its content height (because `flex: 1` requires a flex parent) and the main area has no scroll target — clicks still work but you cannot scroll. */ - html, body { + /* :global() escapes Svelte's CSS scoping so the rules below + target the actual and elements, not just + elements with the Svelte component class. Without this, the + flex layout was silently a no-op and the shell collapsed to + its content height, leaving the viewport blank. */ + :global(html), :global(body) { display: flex; flex-direction: column; height: 100%; } - #app { + :global(#app) { display: flex; flex-direction: column; flex: 1 1 auto;