From d659e559af30b3095cb385cf044aa309ad98112d Mon Sep 17 00:00:00 2001
From: Alexander Zinchuk <alx.zinchuk@gmail.com>
Date: Wed, 22 Feb 2023 23:48:55 +0100
Subject: [PATCH] Custom Emoji Tooltip: Fix playback after insert (#2643)

---
 src/components/middle/composer/hooks/useInputCustomEmojis.ts | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/middle/composer/hooks/useInputCustomEmojis.ts b/src/components/middle/composer/hooks/useInputCustomEmojis.ts
index a101951a2..5b6472b6f 100644
--- a/src/components/middle/composer/hooks/useInputCustomEmojis.ts
+++ b/src/components/middle/composer/hooks/useInputCustomEmojis.ts
@@ -121,7 +121,10 @@ export default function useInputCustomEmojis(
       return;
     }
 
-    synchronizeElements();
+    // Wait one frame for DOM to update
+    fastRaf(() => {
+      synchronizeElements();
+    });
   }, [getHtml, synchronizeElements, inputRef, removeContainers, sharedCanvasRef, isActive]);
 
   const throttledSynchronizeElements = useThrottledCallback(