Fix StickerButton

Co-authored-by: Fedor Indutny <79877362+indutny-signal@users.noreply.github.com>

ts/components/MainHeader.tsx

@@ -61,7 +61,12 @@ export class MainHeader extends React.Component<PropsType, StateType> {
     }
   };
 
-  public showAvatarPopup = (): void => {
+  public showAvatarPopup = (
+    event: React.MouseEvent<HTMLButtonElement, MouseEvent>
+  ): void => {
+    event.preventDefault();
+    event.stopPropagation();
+
     const popperRoot = document.createElement('div');
     document.body.appendChild(popperRoot);
 

ts/components/emoji/EmojiButton.tsx

@@ -44,13 +44,18 @@ export const EmojiButton = React.memo(
       null
     );
 
-    const handleClickButton = React.useCallback(() => {
+    const handleClickButton = React.useCallback(
-      if (popperRoot) {
+      (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {
-        setOpen(false);
+        event.preventDefault();
-      } else {
+        event.stopPropagation();
-        setOpen(true);
+        if (popperRoot) {
-      }
+          setOpen(false);
-    }, [popperRoot, setOpen]);
+        } else {
+          setOpen(true);
+        }
+      },
+      [popperRoot, setOpen]
+    );
 
     const handleClose = React.useCallback(() => {
       setOpen(false);

ts/components/stickers/StickerButton.tsx

@@ -67,27 +67,33 @@ export const StickerButton = React.memo(
       null
     );
 
-    const handleClickButton = React.useCallback(() => {
+    const handleClickButton = React.useCallback(
-      // Clear tooltip state
+      (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {
-      clearInstalledStickerPack();
+        event.preventDefault();
-      clearShowIntroduction();
+        event.stopPropagation();
 
-      // Handle button click
+        // Clear tooltip state
-      if (installedPacks.length === 0) {
+        clearInstalledStickerPack();
-        onClickAddPack?.();
+        clearShowIntroduction();
-      } else if (popperRoot) {
+
-        setOpen(false);
+        // Handle button click
-      } else {
+        if (installedPacks.length === 0) {
-        setOpen(true);
+          onClickAddPack?.();
-      }
+        } else if (popperRoot) {
-    }, [
+          setOpen(false);
-      clearInstalledStickerPack,
+        } else {
-      clearShowIntroduction,
+          setOpen(true);
-      installedPacks,
+        }
-      onClickAddPack,
+      },
-      popperRoot,
+      [
-      setOpen,
+        clearInstalledStickerPack,
-    ]);
+        clearShowIntroduction,
+        installedPacks,
+        onClickAddPack,
+        popperRoot,
+        setOpen,
+      ]
+    );
 
     const handlePickSticker = React.useCallback(
       (packId: string, stickerId: number, url: string) => {