From ca20df0b3bd61edd098a2efcf9702fd6fb4b4995 Mon Sep 17 00:00:00 2001
From: Markus Grigull <web@grigull.me>
Date: Wed, 30 May 2018 13:04:23 +0200
Subject: [PATCH] Add autofocus to editable header

---
 src/components/editable-header.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/editable-header.js b/src/components/editable-header.js
index 1b83755..77a4293 100644
--- a/src/components/editable-header.js
+++ b/src/components/editable-header.js
@@ -24,6 +24,8 @@ import PropTypes from 'prop-types';
 import { Glyphicon, FormControl } from 'react-bootstrap';
 
 class EditableHeader extends React.Component {
+    titleInput = null;
+
     constructor(props) {
         super(props);
 
@@ -79,7 +81,7 @@ class EditableHeader extends React.Component {
 
             return <div>
                 <form style={wrapperStyle}>
-                    <FormControl type='text' bsSize='large' value={this.state.title} onChange={this.onChange} style={editStyle} />
+                    <FormControl type='text' bsSize='large' value={this.state.title} onChange={this.onChange} style={editStyle} autoFocus />
                 </form>
 
                 <a onClick={this.save}><Glyphicon glyph='ok' style={glyphStyle} /></a>