Fixes #4182 - Highlight entire word when editing title

server/src/pages/shot/view.js

@@ -697,7 +697,7 @@ class EditableTitle extends React.Component {
         className="shot-title-input"
         style={{minWidth: this.state.minWidth}}
         type="text" defaultValue={this.props.title} autoFocus="true"
-        onBlur={this.onExit.bind(this)} onKeyUp={this.onKeyUp.bind(this)} />
+        onBlur={this.onExit.bind(this)} onKeyUp={this.onKeyUp.bind(this)} onFocus={this.onFocus} />
     </form>;
   }
 
@@ -714,6 +714,10 @@ class EditableTitle extends React.Component {
     this.setState({isEditing: false, isSaving: val});
   }
 
+  onFocus(event) {
+    event.target.select();
+  }
+
   onKeyUp(event) {
     if ((event.key || event.code) === "Escape") {
       this.setState({isEditing: false});