fix sizing issues.

4 years ago · 8a9764a7f6
2 changed files with 2 additions and 1 deletions
--- a/src/Web/Avalonia.Web.Sample/index.html
+++ b/src/Web/Avalonia.Web.Sample/index.html
@ -13,7 +13,7 @@
 </head>

 <body style="margin: 0px">
-    <div id="out"></div>
+    <div id="out" style="height: 100vh; width: 100vw"></div>
    <script type='module' src="./main.js"></script>
 </body>

--- a/src/Web/Avalonia.Web/webapp/modules/avalonia/dom.ts
+++ b/src/Web/Avalonia.Web/webapp/modules/avalonia/dom.ts
@ -11,6 +11,7 @@ export class AvaloniaDOM {
        canvas.style.backgroundColor = "#ccc";
        canvas.style.width = "100%";
        canvas.style.height = "100%";
+        canvas.style.position = "absolute";
        host.appendChild(canvas);
        
        // Native controls host