Skip to content

Commit 0cbd0fd

Browse files
committed
Fix window content height for app builds
Ends a weird bug
1 parent ec900ee commit 0cbd0fd

2 files changed

Lines changed: 8 additions & 1 deletion

File tree

apps/desktop/src/app.css

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -407,6 +407,13 @@ body {
407407
flex-direction: column;
408408
}
409409

410+
/* SvelteKit's production build strips inline styles from its mount target.
411+
* Without this, the #app-root div defaults to display:block, breaking
412+
* the body flex layout (content overflows instead of fitting the window). */
413+
#app-root {
414+
display: contents;
415+
}
416+
410417
/* Disable scroll bounce on all scrollable elements */
411418
* {
412419
overscroll-behavior: none;

apps/desktop/src/app.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -84,6 +84,6 @@
8484
<div id="loading-screen">
8585
<div class="app-loader"></div>
8686
</div>
87-
<div style="display: contents">%sveltekit.body%</div>
87+
<div id="app-root" style="display: contents">%sveltekit.body%</div>
8888
</body>
8989
</html>

0 commit comments

Comments
 (0)