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(
+      (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {
+        event.preventDefault();
+        event.stopPropagation();
         if (popperRoot) {
           setOpen(false);
         } else {
           setOpen(true);
         }
-    }, [popperRoot, setOpen]);
+      },
+      [popperRoot, setOpen]
+    );
 
     const handleClose = React.useCallback(() => {
       setOpen(false);

ts/components/stickers/StickerButton.tsx

@@ -67,7 +67,11 @@ export const StickerButton = React.memo(
       null
     );
 
-    const handleClickButton = React.useCallback(() => {
+    const handleClickButton = React.useCallback(
+      (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {
+        event.preventDefault();
+        event.stopPropagation();
+
         // Clear tooltip state
         clearInstalledStickerPack();
         clearShowIntroduction();
@@ -80,14 +84,16 @@ export const StickerButton = React.memo(
         } else {
           setOpen(true);
         }
-    }, [
+      },
+      [
         clearInstalledStickerPack,
         clearShowIntroduction,
         installedPacks,
         onClickAddPack,
         popperRoot,
         setOpen,
-    ]);
+      ]
+    );
 
     const handlePickSticker = React.useCallback(
       (packId: string, stickerId: number, url: string) => {