From 2704691852a2be02c2a73d595d52d84ee55a4958 Mon Sep 17 00:00:00 2001
From: nick-delirium <nikita@openreplay.com>
Date: Fri, 30 Aug 2024 14:05:49 +0200
Subject: [PATCH] fix ui: fix random scroller on mobile body

---
 frontend/app/player/mobile/IOSPlayer.ts  | 1 +
 frontend/app/player/web/Screen/Screen.ts | 3 +++
 2 files changed, 4 insertions(+)

diff --git a/frontend/app/player/mobile/IOSPlayer.ts b/frontend/app/player/mobile/IOSPlayer.ts
index 839230f3f..30c8f73aa 100644
--- a/frontend/app/player/mobile/IOSPlayer.ts
+++ b/frontend/app/player/mobile/IOSPlayer.ts
@@ -108,6 +108,7 @@ export default class IOSPlayer extends Player {
   injectPlayer = (player: HTMLElement) => {
     this.screen.addToBody(player);
     this.screen.addMobileStyles();
+
     window.addEventListener('resize', () =>
       this.customScale(this.customConstrains.width, this.customConstrains.height)
     );
diff --git a/frontend/app/player/web/Screen/Screen.ts b/frontend/app/player/web/Screen/Screen.ts
index 9ce7b35c6..c7530747d 100644
--- a/frontend/app/player/web/Screen/Screen.ts
+++ b/frontend/app/player/web/Screen/Screen.ts
@@ -88,6 +88,9 @@ export default class Screen {
   addMobileStyles() {
     this.iframe.className = styles.mobileIframe;
     this.screen.className = styles.mobileScreen;
+    if (this.document) {
+      Object.assign(this.document?.body.style, { margin: 0, overflow: 'hidden' })
+    }
   }
 
   addFullscreenBoundary() {