From bd06984e5ede064262e247f6abb808698f67b5f1 Mon Sep 17 00:00:00 2001
From: Eduard Kuzmenko <thanwords24@gmail.com>
Date: Tue, 25 Jan 2022 09:27:22 +0400
Subject: [PATCH] Fix emoji animation container position

---
 src/lib/appManagers/appImManager.ts | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/lib/appManagers/appImManager.ts b/src/lib/appManagers/appImManager.ts
index d39b5515..62cc884b 100644
--- a/src/lib/appManagers/appImManager.ts
+++ b/src/lib/appManagers/appImManager.ts
@@ -183,7 +183,7 @@ export class AppImManager {
 
     this.emojiAnimationContainer = document.createElement('div');
     this.emojiAnimationContainer.classList.add('emoji-animation-container');
-    document.body.append(this.emojiAnimationContainer);
+    this.appendEmojiAnimationContainer(mediaSizes.activeScreen);
 
     this.columnEl.append(this.chatsContainer);
     
@@ -213,11 +213,7 @@ export class AppImManager {
         appSidebarRight.toggleSidebar(false);
       }
 
-      if(from === ScreenSize.mobile) {
-        document.body.append(this.emojiAnimationContainer);
-      } else if(to === ScreenSize.mobile) {
-        this.columnEl.append(this.emojiAnimationContainer);
-      }
+      this.appendEmojiAnimationContainer(to);
     });
 
     rootScope.addEventListener('history_focus', (e) => {
@@ -554,6 +550,13 @@ export class AppImManager {
     this.attachKeydownListener();
   }
 
+  private appendEmojiAnimationContainer(screen: ScreenSize) {
+    const appendTo = screen === ScreenSize.mobile ? this.columnEl : document.body;
+    if(this.emojiAnimationContainer.parentElement !== appendTo) {
+      appendTo.append(this.emojiAnimationContainer)
+    }
+  }
+
   private attachKeydownListener() {
     const IGNORE_KEYS = new Set(['PageUp', 'PageDown', 'Meta', 'Control']);
     const onKeyDown = (e: KeyboardEvent) => {