so my compose web app is confining itself to this ...
# compose-web
r
so my compose web app is confining itself to this tiny space even though the root composable is using
fillMaxSize()
. My index.html and styles.css files look good enough. what could be the possible cause
j
modify index.html like below
Copy code
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Jamshed Alam Qaderi - Portfolio</title>
    <script src="skiko.js"></script>
    <style>
        html, body {
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
            background-color: white;
            overflow: hidden;
        }
    </style>
</head>
<body>
<canvas id="ComposeTarget"></canvas>
<script src="project.js"></script>
</body>
</html>
r
Doesn't make any difference @jamshedalamqaderi
j
Is it possible to share your repo?
r
yeah sure i'll push it and dm you
j
Ok. Thanks
Or you can compare with this repo: https://github.com/JamshedAlamQaderi/portfolio
Copy code
onWasmReady { 
         CanvasBasedWindow("JamshedAlamQaderi-Portfolio") { 
             BootstrapApp(navigationManagerService) 
         } 
     }
Use CanvasBasedWindow instead of Window
r
It cannot be resolved
j
Try using 1.5.0-beta02
I've done it on my portfolio
Sometimes ide couldn't resolve it. Try running the gradle task
./gradlew -t :webApp:jsBrowserRun
r
oh right, beta01 works with
CanvasBasedWindow
thanks 👍
🙌 1