Focus-trap: Use allowOutsideClick where appropriate

ts/components/ModalHost.tsx

@@ -58,7 +58,12 @@ export const ModalHost = React.memo(
 
     return root
       ? createPortal(
-          <FocusTrap>
+          <FocusTrap
+            focusTrapOptions={{
+              // This is alright because the overlay covers the entire screen
+              allowOutsideClick: false,
+            }}
+          >
             <div
               role="presentation"
               className={classNames(

ts/components/emoji/EmojiPicker.tsx

@@ -303,7 +303,11 @@ export const EmojiPicker = React.memo(
       );
 
       return (
-        <FocusTrap>
+        <FocusTrap
+          focusTrapOptions={{
+            allowOutsideClick: true,
+          }}
+        >
           <div className="module-emoji-picker" ref={ref} style={style}>
             <header className="module-emoji-picker__header">
               <button

ts/components/stickers/StickerPicker.tsx

@@ -148,7 +148,11 @@ export const StickerPicker = React.memo(
       const showLongText = showPickerHint;
 
       return (
-        <FocusTrap>
+        <FocusTrap
+          focusTrapOptions={{
+            allowOutsideClick: true,
+          }}
+        >
           <div className="module-sticker-picker" ref={ref} style={style}>
             <div className="module-sticker-picker__header">
               <div className="module-sticker-picker__header__packs">