Fix desktop area being too large. Closes #140

packages/compositor-shell/index.html

@@ -10,24 +10,9 @@
       <div id="controls-container" class="z-10 flex p-1 bg-auto shadow-neutral-900 shadow-md bg-slate-300"></div>
       <div
         id="output-container"
-        class="z-0 grow bg-transparent border-transparent focus:border-transparent focus:ring-0"
+        class="z-0 grow shrink bg-transparent border-transparent focus:border-transparent focus:ring-0 relative"
       >
-<!--        <article class="prose absolute text-slate-600 m-auto left-0 right-0 top-32 prose-sm">-->
-<!--          <p>The following in-browser applications are available:</p>-->
-<!--           <pre><code>-->
-<!--web:weston-clients/weston-eventdemo.html-->
-<!--web:weston-clients/weston-flower.html-->
-<!--web:weston-clients/weston-fullscreen.html-->
-<!--web:weston-clients/weston-resizor.html-->
-<!--web:weston-clients/weston-scaler.html-->
-<!--web:weston-clients/weston-smoke.html-->
-<!--web:weston-clients/weston-stacking.html-->
-<!--web:weston-clients/weston-transformed.html-->
-<!--           </code></pre>-->
-<!--           <p>Remote applications can be launched using the following URL format:</p>-->
-<!--           <pre><code>rem://domain[:port]/path</code></pre>-->
-<!--        </article>-->
-        <canvas id="output" class="h-full w-full fixed"></canvas>
+        <canvas id="output" class="h-full w-full max-h-full max-w-full min-h-full min-w-full absolute"></canvas>
       </div>
     </div>
   </body>

packages/compositor/src/render/Scene.ts

@@ -130,6 +130,9 @@ export class Scene {
       //   this.canvas.width = width
       //   this.canvas.height = height
       // }
+      if (this.canvas.width === this.canvas.clientWidth && this.canvas.height === this.canvas.clientHeight) {
+        return
+      }
 
       this.canvas.width = this.canvas.clientWidth
       this.canvas.height = this.canvas.clientHeight