Merge pull request Expensify#64807 from Eskalifer1/fix/62703

fix/62703: comoser not focused after selecting emoji

Author: marcaaron

src/components/EmojiPicker/EmojiPicker.tsx

@@ -11,6 +11,7 @@ import useResponsiveLayout from '@hooks/useResponsiveLayout';
 import useStyleUtils from '@hooks/useStyleUtils';
 import useThemeStyles from '@hooks/useThemeStyles';
 import useWindowDimensions from '@hooks/useWindowDimensions';
+import blurActiveElement from '@libs/Accessibility/blurActiveElement';
 import type {AnchorOrigin, EmojiPickerRef, EmojiPopoverAnchor, OnEmojiSelected, OnModalHideValue, OnWillShowPicker} from '@libs/actions/EmojiPickerAction';
 import {isMobileChrome} from '@libs/Browser';
 import calculateAnchorPosition from '@libs/calculateAnchorPosition';
@@ -116,6 +117,7 @@ function EmojiPicker({viewportOffsetTop}: EmojiPickerProps, ref: ForwardedRef<Em
      * Hide the emoji picker menu.
      */
     const hideEmojiPicker = (isNavigating?: boolean) => {
+        blurActiveElement();
         const currOnModalHide = onModalHide.current;
         onModalHide.current = () => {
             if (currOnModalHide) {

src/libs/focusComposerWithDelay/setTextInputSelection.ts

@@ -6,9 +6,9 @@ const setSelectionRange = shouldSetSelectionRange();
 
 const setTextInputSelection = (textInput: InputType, forcedSelectionRange: Selection) => {
     if (setSelectionRange) {
-        (textInput as HTMLTextAreaElement).setSelectionRange(forcedSelectionRange.start, forcedSelectionRange.end);
+        (textInput as HTMLTextAreaElement).setSelectionRange?.(forcedSelectionRange.start, forcedSelectionRange.end);
     } else {
-        (textInput as TextInput).setSelection(forcedSelectionRange.start, forcedSelectionRange.end);
+        (textInput as TextInput).setSelection?.(forcedSelectionRange.start, forcedSelectionRange.end);
     }
 };