Use ckeditor API to setFocus and solve some UI issue (#870)

* Use ckeditor API to setFocus and solve some UI issue * SetFocus on new Note from existing note Fixes #869 Fixes #833
mozilla · Apr 3, 2018 · 7b9b302 · 7b9b302
1 parent a9125dd
commit 7b9b302
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/sidebar/app/components/Editor.js b/src/sidebar/app/components/Editor.js
@@ -32,7 +32,7 @@ class Editor extends React.Component {
         customizeEditor(editor);
 
         // Focus the text editor
-        document.querySelector('.ck-editor__editable').focus();
+        this.editor.editing.view.focus();
 
         editor.document.on('change', (eventInfo, name) => {
           // Cache update event in case of multi-change event (copy pasting trigger many).
@@ -75,6 +75,7 @@ class Editor extends React.Component {
       if (!this.delayUpdateNote) { // If no delay waiting, we apply modification
         this.ignoreChange = true;
         this.editor.setData(nextProps.note.content || '<p></p>');
+        this.editor.editing.view.focus();
       }
     }
   }