diff --git a/src/components/EmojiPicker/EmojiPicker.tsx b/src/components/EmojiPicker/EmojiPicker.tsx index 8b412de3b546..20f8ad521a3d 100644 --- a/src/components/EmojiPicker/EmojiPicker.tsx +++ b/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?.(); diff --git a/src/pages/home/report/ReportActionCompose/ReportActionCompose.tsx b/src/pages/home/report/ReportActionCompose/ReportActionCompose.tsx index d2986df46c2e..fea918783f40 100644 --- a/src/pages/home/report/ReportActionCompose/ReportActionCompose.tsx +++ b/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} diff --git a/src/utils/keyboard/index.android.ts b/src/utils/keyboard/index.android.ts index b421de20d138..9a0808b8b2f6 100644 --- a/src/utils/keyboard/index.android.ts +++ b/src/utils/keyboard/index.android.ts @@ -20,7 +20,8 @@ const subscribeKeyboardVisibilityChange = (cb: (isVisible: boolean) => void) => return () => {}; }; -const dismiss = (): Promise => { +// eslint-disable-next-line @typescript-eslint/no-unused-vars +const dismiss = (shouldSkipSafari?: boolean): Promise => { return new Promise((resolve) => { if (!isVisible) { resolve(); diff --git a/src/utils/keyboard/index.ts b/src/utils/keyboard/index.ts index aec3c5ea4b5d..3ff8096680c6 100644 --- a/src/utils/keyboard/index.ts +++ b/src/utils/keyboard/index.ts @@ -19,7 +19,8 @@ const subscribeKeyboardVisibilityChange = (cb: (isVisible: boolean) => void) => return () => {}; }; -const dismiss = (): Promise => { +// eslint-disable-next-line @typescript-eslint/no-unused-vars +const dismiss = (shouldSkipSafari?: boolean): Promise => { return new Promise((resolve) => { if (!isVisible) { resolve(); diff --git a/src/utils/keyboard/index.website.ts b/src/utils/keyboard/index.website.ts index 31e786d2efa4..3c40a2eced2e 100644 --- a/src/utils/keyboard/index.website.ts +++ b/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 => { +const dismiss = (shouldSkipSafari = false): Promise => { return new Promise((resolve) => { + if (shouldSkipSafari && isMobileSafari()) { + resolve(); + return; + } if (!isVisible || !isMobile()) { resolve(); return;