fix(Screen): use viewport to get window size to avoid problems with z…

…oom/HiDPI quasarframework#10120 quasarframework#10120
pdanpdan · Jan 29, 2022 · fcf0f8f · fcf0f8f
1 parent 59b1991
commit fcf0f8f
Showing 1 changed file with 9 additions and 3 deletions.
diff --git a/ui/src/plugins/Screen.js b/ui/src/plugins/Screen.js
@@ -47,12 +47,18 @@ export default {
       return
     }
 
+    const { visualViewport } = window
+    const getSize = visualViewport === void 0
+      ? () => [ window.innerWidth, window.innerHeight ]
+      : () => [
+        visualViewport.width * visualViewport.scale + window.innerWidth - document.scrollingElement.clientWidth,
+        visualViewport.height * visualViewport.scale + window.innerHeight - document.scrollingElement.clientHeight
+      ]
+
     const classes = cfg.screen !== void 0 && cfg.screen.bodyClasses === true
 
     const update = force => {
-      const
-        w = window.innerWidth,
-        h = window.innerHeight
+      const [ w, h ] = getSize()
 
       if (h !== this.height) {
         this.height = h