fix(interaction): problem with entering to Editor.js by Tab key (#1397)

* Fix problem with entering to Editor.js by Tab key * Optimize current block setting Co-authored-by: t.hata <hata@impact-blue.co.jp>
codex-team · Dec 8, 2020 · bbb4758 · bbb4758
1 parent 3c5c265
commit bbb4758
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 3 deletions.
diff --git a/dist/editor.js b/dist/editor.js
diff --git a/docs/CHANGELOG.md b/docs/CHANGELOG.md
@@ -4,7 +4,7 @@
 
 - `Fix` - The problem with destroy() method [#1380](https://github.com/codex-team/editor.js/issues/1380).
 - `Fix` - add getter keyword to `block.mergeable` method [#1415](https://github.com/codex-team/editor.js/issues/1415).
-
+- `Fix` — Fix problem with entering to Editor.js by Tab key [#1393](https://github.com/codex-team/editor.js/issues/1393)
 
 ### 2.19
 

diff --git a/src/components/modules/ui.ts b/src/components/modules/ui.ts
@@ -726,7 +726,7 @@ export default class UI extends Module<UINodes> {
    */
   private selectionChanged(event: Event): void {
     const { CrossBlockSelection, BlockSelection } = this.Editor;
-    const focusedElement = Selection.anchorElement as Element;
+    const focusedElement = Selection.anchorElement;
 
     if (CrossBlockSelection.isCrossBlockSelectionStarted) {
       // Removes all ranges when any Block is selected
@@ -750,6 +750,13 @@ export default class UI extends Module<UINodes> {
       return;
     }
 
+    /**
+     * Set current block when entering to Editor.js by tab key
+     */
+    if (!this.Editor.BlockManager.currentBlock) {
+      this.Editor.BlockManager.setCurrentBlockByChildNode(focusedElement);
+    }
+
     /**
      * @todo add debounce
      */