Focus value input when 'SelectedElementDialog' gets opened

Author: pel-daniel

src/components/ElementDetails/CustomValueInput.js

@@ -1,4 +1,5 @@
 import React, { PropTypes, Component } from 'react'
+import ReactDOM from 'react-dom'
 
 import {
   PrimitivePropTypes
@@ -14,6 +15,12 @@ export default class CustomValueInput extends Component {
     this.customInput = this.customInput.bind(this)
   }
 
+  componentDidMount() {
+    if(this.refs.valueInput) {
+      ReactDOM.findDOMNode(this.refs.valueInput).focus()
+    }
+  }
+
   customInput() {
     const {
       handleChange,
@@ -54,6 +61,7 @@ export default class CustomValueInput extends Component {
       return (
         <input
           onChange={ (e) => handleChange(id, e, workspaceIndex) }
+          ref="valueInput"
           type={ inputType }
           value={ value }
         />