diff --git a/src/pages/home/report/ReportActionItem.js b/src/pages/home/report/ReportActionItem.js index f850daaa1ffb..e172627d04ef 100644 --- a/src/pages/home/report/ReportActionItem.js +++ b/src/pages/home/report/ReportActionItem.js @@ -157,6 +157,7 @@ function ReportActionItem(props) { [StyleUtils, isReportActionLinked, theme.highlightBG], ); const originalMessage = lodashGet(props.action, 'originalMessage', {}); + const isDeletedParentAction = ReportActionsUtils.isDeletedParentAction(props.action); // IOUDetails only exists when we are sending money const isSendingMoney = originalMessage.type === CONST.IOU.REPORT_ACTION_TYPE.PAY && _.has(originalMessage, 'IOUDetails'); @@ -197,6 +198,15 @@ function ReportActionItem(props) { [props.action.reportActionID, reactionListRef], ); + useEffect(() => { + // We need to hide EmojiPicker when this is a deleted parent action + if (!isDeletedParentAction || !EmojiPickerAction.isActive(props.action.reportActionID)) { + return; + } + + EmojiPickerAction.hideEmojiPicker(true); + }, [isDeletedParentAction, props.action.reportActionID]); + useEffect(() => { if (prevDraftMessage || !props.draftMessage) { return;