Reply to a message by double clicking on its row

ts/components/conversation/Message.tsx

@@ -1745,6 +1745,11 @@ export class Message extends React.PureComponent<Props, State> {
             : null
         )}
         dir={isRTL ? 'rtl' : undefined}
+        onDoubleClick={(event: React.MouseEvent) => {
+          // Prevent double-click interefering with interactions _inside_
+          // the bubble.
+          event.stopPropagation();
+        }}
       >
         <MessageBodyReadMore
           bodyRanges={bodyRanges}
@@ -2505,6 +2510,10 @@ export class Message extends React.PureComponent<Props, State> {
           role="row"
           onKeyDown={onKeyDown}
           onClick={this.handleClick}
+          onDoubleClick={ev => {
+            // Prevent double click from triggering the replyToMessage action
+            ev.stopPropagation();
+          }}
           tabIndex={-1}
         >
           {this.renderAuthor()}

ts/components/conversation/TimelineMessage.tsx

@@ -290,6 +290,17 @@ export function TimelineMessage(props: Props): JSX.Element {
           {i18n('deleteWarning')}
         </ConfirmationDialog>
       )}
+      <div
+        onDoubleClick={ev => {
+          if (!handleReplyToMessage) {
+            return;
+          }
+
+          ev.stopPropagation();
+          ev.preventDefault();
+          handleReplyToMessage();
+        }}
+      >
         <Message
           {...props}
           renderingContext="conversation/TimelineItem"
@@ -307,7 +318,6 @@ export function TimelineMessage(props: Props): JSX.Element {
                 onReplyToMessage={handleReplyToMessage}
                 onReact={handleReact}
               />
-
               {reactionPickerRoot &&
                 createPortal(
                   <Popper
@@ -339,6 +349,7 @@ export function TimelineMessage(props: Props): JSX.Element {
             </Manager>
           }
         />
+      </div>
 
       <MessageContextMenu
         i18n={i18n}
@@ -412,6 +423,10 @@ function MessageMenu({
                   'module-message__buttons__menu',
                   `module-message__buttons__download--${direction}`
                 )}
+                onDoubleClick={ev => {
+                  // Prevent double click from triggering the replyToMessage action
+                  ev.stopPropagation();
+                }}
               />
             </ContextMenuTrigger>
           </StopPropagation>
@@ -455,6 +470,10 @@ function MessageMenu({
                     role="button"
                     className="module-message__buttons__react"
                     aria-label={i18n('reactToMessage')}
+                    onDoubleClick={ev => {
+                      // Prevent double click from triggering the replyToMessage action
+                      ev.stopPropagation();
+                    }}
                   />
                 );
               }}
@@ -473,6 +492,10 @@ function MessageMenu({
                 'module-message__buttons__download',
                 `module-message__buttons__download--${direction}`
               )}
+              onDoubleClick={ev => {
+                // Prevent double click from triggering the replyToMessage action
+                ev.stopPropagation();
+              }}
             />
           )}
 
@@ -494,6 +517,10 @@ function MessageMenu({
                 'module-message__buttons__reply',
                 `module-message__buttons__download--${direction}`
               )}
+              onDoubleClick={ev => {
+                // Prevent double click from triggering the replyToMessage action
+                ev.stopPropagation();
+              }}
             />
           )}
         </>