diff --git a/ts/components/conversation/message/message-content/MessageContentWithStatus.tsx b/ts/components/conversation/message/message-content/MessageContentWithStatus.tsx index b0439bf5e..a069e5983 100644 --- a/ts/components/conversation/message/message-content/MessageContentWithStatus.tsx +++ b/ts/components/conversation/message/message-content/MessageContentWithStatus.tsx @@ -30,6 +30,7 @@ type Props = { dataTestId?: string; enableReactions: boolean; }; +// tslint:disable: use-simple-attributes const StyledMessageContentContainer = styled.div<{ direction: 'left' | 'right' }>` display: flex; @@ -66,17 +67,19 @@ export const MessageContentWithStatuses = (props: Props) => { const currentSelection = window.getSelection(); const currentSelectionString = currentSelection?.toString() || undefined; - // if multiple word are selected, consider that this double click was actually NOT used to reply to - // but to select - if ( - !currentSelectionString || - currentSelectionString.length === 0 || - !currentSelectionString.includes(' ') - ) { - void replyToMessage(messageId); - currentSelection?.empty(); - e.preventDefault(); - return; + if ((e.target as any).localName !== 'em-emoji-picker') { + if ( + !currentSelectionString || + currentSelectionString.length === 0 || + !/\s/.test(currentSelectionString) + ) { + // if multiple word are selected, consider that this double click was actually NOT used to reply to + // but to select + void replyToMessage(messageId); + currentSelection?.empty(); + e.preventDefault(); + return; + } } };