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

…oom/HiDPI quasarframework#10120 quasarframework#10120
pdanpdan · Jan 28, 2022 · 76364bf · 76364bf
1 parent bbf9a9a
commit 76364bf
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/ui/src/plugins/Screen.js b/ui/src/plugins/Screen.js
@@ -47,12 +47,15 @@ export default {
       return
     }
 
+    const { visualViewport } = window
+    const getSize = visualViewport === void 0
+      ? () => [ window.innerWidth, window.innerHeight ]
+      : () => [ visualViewport.width * visualViewport.scale, visualViewport.height * visualViewport.scale ]
+
     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