Set input curser to the end of the title

200ok-ch · Dec 28, 2019 · 09d6fff · 09d6fff
1 parent e36ab63
commit 09d6fff
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/src/components/OrgFile/components/TitleLine/index.js b/src/components/OrgFile/components/TitleLine/index.js
@@ -24,6 +24,7 @@ class TitleLine extends PureComponent {
       'handleTextareaRef',
       'handleTitleClick',
       'handleTextareaBlur',
+      'handleTextareaFocus',
       'handleTitleChange',
       'handleTitleFieldClick',
       'handleTodoClick',
@@ -134,6 +135,12 @@ class TitleLine extends PureComponent {
     }, 0);
   }
 
+  handleTextareaFocus(event) {
+    const text = event.target.value;
+    event.target.selectionStart = text.length;
+    event.target.selectionEnd = text.length;
+  }
+
   handleTitleChange(event) {
     // If the last character typed was a newline at the end, exit edit mode.
     const newTitle = event.target.value;
@@ -226,6 +233,7 @@ class TitleLine extends PureComponent {
               ref={this.handleTextareaRef}
               value={this.state.titleValue}
               onBlur={this.handleTextareaBlur}
+              onFocus={this.handleTextareaFocus}
               onChange={this.handleTitleChange}
               onClick={this.handleTitleFieldClick}
             />