remove dismiss on safari

src/components/EmojiPicker/EmojiPicker.tsx

@@ -117,7 +117,7 @@ function EmojiPicker({viewportOffsetTop, ref}: EmojiPickerProps) {
 
         // It's possible that the anchor is inside an active modal (e.g., add emoji reaction in report context menu).
         // So, we need to get the anchor position first before closing the active modal which will also destroy the anchor.
-        KeyboardUtils.dismiss().then(() =>
+        KeyboardUtils.dismiss(true).then(() =>
             calculateAnchorPosition(emojiPopoverAnchor?.current, anchorOriginValue).then((value) => {
                 close(() => {
                     onWillShow?.();

src/pages/home/report/ReportActionCompose/ReportActionCompose.tsx

@@ -63,7 +63,7 @@ import willBlurTextInputOnTapOutsideFunc from '@libs/willBlurTextInputOnTapOutsi
 import AgentZeroProcessingRequestIndicator from '@pages/home/report/AgentZeroProcessingRequestIndicator';
 import ParticipantLocalTime from '@pages/home/report/ParticipantLocalTime';
 import ReportTypingIndicator from '@pages/home/report/ReportTypingIndicator';
-import {hideEmojiPicker, isActive as isActiveEmojiPickerAction} from '@userActions/EmojiPickerAction';
+import {hideEmojiPicker, isActive as isActiveEmojiPickerAction, isEmojiPickerVisible} from '@userActions/EmojiPickerAction';
 import {addAttachmentWithComment, setIsComposerFullSize} from '@userActions/Report';
 import Timing from '@userActions/Timing';
 import {isBlockedFromConcierge as isBlockedFromConciergeUserAction} from '@userActions/User';
@@ -579,7 +579,7 @@ function ReportActionCompose({
                             setIsFullComposerAvailable={setIsFullComposerAvailable}
                             onPasteFile={(files) => validateAttachments({files})}
                             onCleared={submitForm}
-                            disabled={isBlockedFromConcierge}
+                            disabled={isBlockedFromConcierge || isEmojiPickerVisible()}
                             setIsCommentEmpty={setIsCommentEmpty}
                             handleSendMessage={handleSendMessage}
                             shouldShowComposeInput={shouldShowComposeInput}

src/utils/keyboard/index.android.ts

@@ -20,7 +20,8 @@ const subscribeKeyboardVisibilityChange = (cb: (isVisible: boolean) => void) =>
     return () => {};
 };
 
-const dismiss = (): Promise<void> => {
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+const dismiss = (shouldSkipSafari?: boolean): Promise<void> => {
     return new Promise((resolve) => {
         if (!isVisible) {
             resolve();

src/utils/keyboard/index.ts

@@ -19,7 +19,8 @@ const subscribeKeyboardVisibilityChange = (cb: (isVisible: boolean) => void) =>
     return () => {};
 };
 
-const dismiss = (): Promise<void> => {
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+const dismiss = (shouldSkipSafari?: boolean): Promise<void> => {
     return new Promise((resolve) => {
         if (!isVisible) {
             resolve();

src/utils/keyboard/index.website.ts

@@ -1,5 +1,5 @@
 import {Keyboard} from 'react-native';
-import {isMobile} from '@libs/Browser';
+import {isMobile, isMobileSafari} from '@libs/Browser';
 import CONST from '@src/CONST';
 
 let isVisible = false;
@@ -34,8 +34,12 @@ const handleResize = () => {
 
 window.visualViewport?.addEventListener('resize', handleResize);
 
-const dismiss = (): Promise<void> => {
+const dismiss = (shouldSkipSafari = false): Promise<void> => {
     return new Promise((resolve) => {
+        if (shouldSkipSafari && isMobileSafari()) {
+            resolve();
+            return;
+        }
         if (!isVisible || !isMobile()) {
             resolve();
             return;