Merge pull request #94 from CanopyTax/Devin/focus

autofocus to the end of the range

src/rich-text-editor.component.js

@@ -52,13 +52,19 @@ export const RichTextEditor = forwardRef((props, editorRef) => {
 
   function emptyEditor() {
     // do it with selection and execCommand so it can be undone with Ctrl Z
-    const range = document.createRange()
-    range.selectNodeContents(divRef.current)
+    selectEditor()
+    document.execCommand('removeFormat')
+    document.execCommand('delete')
+  }
+
+  function selectEditor(collapse) {
+    const range = document.createRange() // start and end of nodes
+    range.selectNodeContents(divRef.current) // setting the start and end nodes
+    if (collapse) range.collapse(false) // collapsed range starts and ends on the same point (false -> end for focus())
+    // make this the only range - FF allows multiple ranges
     const selection = window.getSelection()
     selection.removeAllRanges()
     selection.addRange(range)
-    document.execCommand('removeFormat')
-    document.execCommand('delete')
   }
 
   useEffect(() => {
@@ -238,7 +244,7 @@ export const RichTextEditor = forwardRef((props, editorRef) => {
   }
 
   function focus() {
-    divRef.current.focus()
+    selectEditor(true)
     setFocused(true)
   }