From 8739d6356a89733fc7c268fb0569052dc99937f7 Mon Sep 17 00:00:00 2001
From: Greg Hurrell <greg@hurrell.net>
Date: Mon, 3 Aug 2015 15:44:19 -0700
Subject: [PATCH] Focus first input on load

---
 src/App.js         | 5 +++++
 src/Field.react.js | 4 ++++
 2 files changed, 9 insertions(+)

diff --git a/src/App.js b/src/App.js
index 2dadf8f..f6678cf 100644
--- a/src/App.js
+++ b/src/App.js
@@ -28,6 +28,10 @@ export default class App extends React.Component {
     this.setState({value});
   }
 
+  componentDidMount() {
+    this._firstInput.focus();
+  }
+
   render() {
     const {value} = this.state;
 
@@ -40,6 +44,7 @@ export default class App extends React.Component {
           <Field
             base={16}
             onValueChange={this._onValueChange}
+            ref={ref => this._firstInput = ref}
             value={value}
           />
         </Label>
diff --git a/src/Field.react.js b/src/Field.react.js
index c5b7983..912a2ae 100644
--- a/src/Field.react.js
+++ b/src/Field.react.js
@@ -95,6 +95,10 @@ export default class Field extends React.Component {
     );
   }
 
+  focus() {
+    React.findDOMNode(this._input).focus();
+  }
+
   render() {
     return (
       <span className="hextrapolate-field">
-- 
2.37.1