Adjust the viewport

src/core/viewport.ts

@@ -561,7 +561,7 @@ class ViewportResizer
      * Trigger a resize event after a delay
      * @param delay in milliseconds
      */
-    triggerResize(delay: number = 50): void
+    triggerResize(delay: number = 100): void
     {
         const event = new ViewportEvent('resize');
 
@@ -733,22 +733,24 @@ class BestFitResizeStrategy extends ImmersiveResizeStrategy
         const subContainer = viewport._subContainer;
         const windowAspectRatio = window.innerWidth / window.innerHeight;
         const viewportAspectRatio = viewport._realSize.width / viewport._realSize.height;
-        let width = 1, height = 1;
+        let width = 1, height = 1, left = '0px', top = '0px';
 
         if(viewportAspectRatio <= windowAspectRatio) {
             height = window.innerHeight;
             width = Math.round(height * viewportAspectRatio);
             width -= width % 2;
+            left = `calc(50% - ${width >>> 1}px)`;
         }
         else {
             width = window.innerWidth;
             height = Math.round(width / viewportAspectRatio);
             height -= height % 2;
+            top = `calc(50% - ${height >>> 1}px)`;
         }
 
         subContainer.style.position = 'absolute';
-        subContainer.style.left = `calc(50% - ${width >>> 1}px)`;
-        subContainer.style.top = `calc(50% - ${height >>> 1}px)`;
+        subContainer.style.left = left;
+        subContainer.style.top = top;
         subContainer.style.width = width + 'px';
         subContainer.style.height = height + 'px';