Fix emoji picker position (#7146)

src/view/com/composer/text-input/web/EmojiPicker.web.tsx

@@ -10,6 +10,7 @@ import {DismissableLayer} from '@radix-ui/react-dismissable-layer'
 
 import {textInputWebEmitter} from '#/view/com/composer/text-input/textInputWebEmitter'
 import {atoms as a} from '#/alf'
+import {Portal} from '#/components/Portal'
 
 const HEIGHT_OFFSET = 40
 const WIDTH_OFFSET = 100
@@ -125,6 +126,7 @@ export function EmojiPicker({state, close, pinToTop}: IProps) {
   }
 
   return (
+    <Portal>
       <TouchableWithoutFeedback
         accessibilityRole="button"
         onPress={onPressBackdrop}
@@ -159,5 +161,6 @@ export function EmojiPicker({state, close, pinToTop}: IProps) {
           </TouchableWithoutFeedback>
         </View>
       </TouchableWithoutFeedback>
+    </Portal>
   )
 }