fix(output-window): sets size on creation of window and removes overf…

…low (#756)
vcync · Aug 28, 2022 · b3df0f6 · b3df0f6
1 parent a437abd
commit b3df0f6
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 10 deletions.
diff --git a/public/output-window.html b/public/output-window.html
@@ -1,9 +1,26 @@
 <!-- prettier-ignore -->
 <!DOCTYPE html>
 <html lang="en">
- <head>
- <meta charset="utf-8">
- </head>
 
- <body style="margin: 0px; display: flex; justify-content: center; align-items: center;"></body>
+<head>
+ <meta charset="utf-8">
+ <style>
+ html,
+ body {
+ height: 100%;
+ }
+
+ body {
+ overflow: hidden;
+ background-color: #000;
+ margin: 0px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ }
+ </style>
+</head>
+
+<body></body>
+
 </html>
diff --git a/src/application/window-handler.js b/src/application/window-handler.js
@@ -44,6 +44,15 @@ export default function windowHandler() {
  };
  }
 
+ function setSize(win) {
+ const { innerWidth: width, innerHeight: height } = win;
+
+ this.store.dispatch("size/setSize", {
+ width,
+ height
+ });
+ }
+
  this._store.subscribe(async ({ type, payload }) => {
  if (type === "windows/ADD_WINDOW") {
  const { width, height, backgroundColor, title, id } = payload;
@@ -108,14 +117,11 @@ export default function windowHandler() {
 
  // Setup the new requestAnimationFrame()
  timer = requestAnimationFrame(() => {
- const { innerWidth: width, innerHeight: height } = win;
-
- this.store.dispatch("size/setSize", {
- width,
- height
- });
+ setSize.call(this, win);
  });
  });
+
+ setSize.call(this, win);
  }
  });