From ed616a4fb610808486b4ef0be678f9d08495a53f Mon Sep 17 00:00:00 2001
From: Alexander Zinchuk <alx.zinchuk@gmail.com>
Date: Mon, 17 Oct 2022 17:34:58 +0200
Subject: [PATCH] Emoji Tooltip: Fix scroll by mouse wheel (#2074)

---
 src/components/middle/composer/EmojiTooltip.tsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/components/middle/composer/EmojiTooltip.tsx b/src/components/middle/composer/EmojiTooltip.tsx
index 83d8a9955..d884ffc07 100644
--- a/src/components/middle/composer/EmojiTooltip.tsx
+++ b/src/components/middle/composer/EmojiTooltip.tsx
@@ -7,9 +7,11 @@ import buildClassName from '../../../util/buildClassName';
 import findInViewport from '../../../util/findInViewport';
 import isFullyVisible from '../../../util/isFullyVisible';
 import fastSmoothScrollHorizontal from '../../../util/fastSmoothScrollHorizontal';
+
 import useShowTransition from '../../../hooks/useShowTransition';
 import usePrevDuringAnimation from '../../../hooks/usePrevDuringAnimation';
 import { useKeyboardNavigation } from './hooks/useKeyboardNavigation';
+import useHorizontalScroll from '../../../hooks/useHorizontalScroll';
 
 import Loading from '../../ui/Loading';
 import EmojiButton from './EmojiButton';
@@ -68,6 +70,8 @@ const EmojiTooltip: FC<OwnProps> = ({
   const { shouldRender, transitionClassNames } = useShowTransition(isOpen, undefined, undefined, false);
   const listEmojis: Emoji[] = usePrevDuringAnimation(emojis.length ? emojis : undefined, CLOSE_DURATION) || [];
 
+  useHorizontalScroll(containerRef.current);
+
   const handleSelectEmoji = useCallback((emoji: Emoji) => {
     onEmojiSelect(emoji.native);
     addRecentEmoji({ emoji: emoji.id });