fix(ViewService): Fix layer styles in _updateViewport

Author: the-reality-engineer

src/view.ts

@@ -103,6 +103,11 @@ export class ViewService {
      */
     public autoLayoutImmersiveMode = true;
 
+    /**
+     * Automatically style layer elements
+     */
+    public autoStyleLayerElements = true;
+
     /**
      * Automatically publish the viewport of the element during PresentationMode.EMBEDDED
      */
@@ -360,6 +365,19 @@ export class ViewService {
                 })
             }
 
+            if (this.layers && this.autoStyleLayerElements) {
+                requestAnimationFrame(() => {
+                    for (const layer of this._layers) {
+                        const layerStyle = layer.source.style;
+                        layerStyle.position = 'absolute';
+                        layerStyle.left = viewport.x + 'px';
+                        layerStyle.bottom = viewport.y + 'px';
+                        layerStyle.width = viewport.width + 'px';
+                        layerStyle.height = viewport.height + 'px';
+                    }
+                })
+            }
+
             this.viewportChangeEvent.raiseEvent(viewport);
         }
     }