added moveCursor, autofocus on edit now places cursor at end of input (…

…#268)
freeCodeCamp · Oct 13, 2017 · 342f5bc · 342f5bc
1 parent 400f27d
commit 342f5bc
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/client/modules/food/components/inventory/Category.js b/client/modules/food/components/inventory/Category.js
@@ -35,6 +35,12 @@ class Category extends React.Component {
     this.props.onItemRemove(this.props.id)
   }
 
+  moveCursor = e => {
+    let storedValue = e.target.value
+    e.target.value = ''
+    e.target.value = storedValue
+  }
+
   render = () => {
     if (this.state.showEdit) {
       return (
@@ -47,6 +53,7 @@ class Category extends React.Component {
                 value={this.state.editedName}
                 onChange={this.onChange}
                 onKeyDown={this.onEnterSubmitEdit}
+                onFocus={this.moveCursor}
                 required
                 autoFocus
               />