Message selection debug and onenter

ts/components/conversation/Message.tsx

@@ -1116,11 +1116,21 @@ export class Message extends React.PureComponent<Props, State> {
               expiring ? 'module-message--expired' : null
             )}
             role="button"
-            onClick={() => {
+            onClick={e => {
               const selection = window.getSelection();
+              // Text is being selected
               if (selection && selection.type === 'Range') {
                 return;
               }
+
+              // User clicked on message body
+              // if (e.target === 'span.text-selectable'){
+
+              // }
+              console.log(`[event] EVENT: `, e);
+              console.log(`[event] Target: `, e.target);
+              console.log(`[event] Tagname: `, e.target);
+
               this.props.onSelectMessage();
             }}
           >

ts/components/session/SessionClosableOverlay.tsx

@@ -176,9 +176,8 @@ export class SessionClosableOverlay extends React.Component<Props, State> {
               value={this.state.groupName}
               maxLength={window.CONSTANTS.MAX_GROUPNAME_LENGTH}
               onChange={this.onGroupNameChanged}
+              onPressEnter={onButtonClick ?? onButtonClick()}
             />
-
-            {/*  */}
           </div>
         ) : (
           <SessionIdEditable
@@ -286,4 +285,5 @@ export class SessionClosableOverlay extends React.Component<Props, State> {
       groupName: event,
     });
   }
+
 }

ts/components/session/SessionIdEditable.tsx

@@ -61,7 +61,7 @@ export class SessionIdEditable extends React.PureComponent<Props> {
 
   private handleKeyDown(e: any) {
     const { editable, onPressEnter } = this.props;
-    if (editable && e.keyCode === 13) {
+    if (editable && e.key === 'Enter') {
       e.preventDefault();
       // tslint:disable-next-line: no-unused-expression
       onPressEnter && onPressEnter();