select message on click on message directly

js/models/conversations.js

@@ -2524,7 +2524,7 @@
     getAvatar() {
       const url = this.getAvatarPath();
 
-      return url ? { url } :  { url: null };
+      return url ? { url } : { url: null };
     },
 
     getNotificationIcon() {

ts/components/conversation/Message.tsx

@@ -1109,22 +1109,6 @@ export class Message extends React.PureComponent<Props, State> {
               `module-message--${direction}`,
               expiring ? 'module-message--expired' : null
             )}
-            role="button"
-            onClick={event => {
-              const selection = window.getSelection();
-              // Text is being selected
-              if (selection && selection.type === 'Range') {
-                return;
-              }
-
-              // User clicked on message body
-              const target = event.target as HTMLDivElement;
-              if (target.className === 'text-selectable') {
-                return;
-              }
-
-              this.props.onSelectMessage();
-            }}
           >
             {this.renderError(isIncoming)}
             {isRss || isKickedFromGroup
@@ -1138,6 +1122,22 @@ export class Message extends React.PureComponent<Props, State> {
               style={{
                 width: isShowingImage ? width : undefined,
               }}
+              role="button"
+              onClick={event => {
+                const selection = window.getSelection();
+                // Text is being selected
+                if (selection && selection.type === 'Range') {
+                  return;
+                }
+
+                // User clicked on message body
+                const target = event.target as HTMLDivElement;
+                if (target.className === 'text-selectable') {
+                  return;
+                }
+
+                this.props.onSelectMessage();
+              }}
             >
               {this.renderAuthor()}
               {this.renderQuote()}