Merge branch 'master' into mouse

# Conflicts:
#	dist/editor.js
#	docs/CHANGELOG.md
#	package.json

Author: Vinogradov Victor

README.md

@@ -1,11 +1,11 @@
-<p align="center"><img src="https://capella.pics/3c0b525b-50d9-4720-8aad-9148114cfa6e.jpg"></p>
+<p align="center"><img src="https://capella.pics/79ce946a-d636-41cd-aa96-d3bc5ecfde03.jpg"></p>
 
 [![](https://flat.badgen.net/npm/v/@editorjs/editorjs?icon=npm)](https://www.npmjs.com/package/@editorjs/editorjs)
 [![](https://flat.badgen.net/bundlephobia/min/@editorjs/editorjs?color=cyan)](https://www.npmjs.com/package/@editorjs/editorjs)
 [![](https://flat.badgen.net/bundlephobia/minzip/@editorjs/editorjs?color=green)](https://www.npmjs.com/package/@editorjs/editorjs)
 [![](https://flat.badgen.net/npm/license/@editorjs/editorjs)](https://www.npmjs.com/package/@editorjs/editorjs)
 
-## Version 2.0-beta is here!
+## Version 2.0 is here!
 
 We are glad to introduce the next version of Editor.js. Totally new core, structure and plugins — that was an impressive adventure 🤓.
 
@@ -19,6 +19,8 @@ Welcome to testing stage. Please, join a [public Telegram-chat](//t.me/codex_edi
 
 ### 2.7-2.9 changelog
 
+- `Fix` - Clear focus when click is outside the Editor instance    
+- `Fix` — Fix CMD+A Selection on multiple Editor instances
 - `New` — Toolbox now have beautiful helpers with Tool names and shortcuts
 - `Improvements` — Prevent navigating back on Firefox when Block is removing by backspace 
 - `New` — Blocks selected with Rectangle Selection can be also removed, copied or cut
@@ -259,4 +261,12 @@ Take a look at the [example.html](example/example.html) to view more detailed ex
 
 - We use [HTMLJanitor](https://github.com/guardian/html-janitor) module in our Sanitizer module. 
 
+# About team
 
+We are CodeX and we build products for developers and makers. 
+
+Follow us on Twitter: [twitter.com/codex_team](https://twitter.com/codex_team)
+
+Feel free to contact: <a href="mailto:team@codex.so?subject=Editor.js feedback">team@codex.so</a>
+
+[codex.so](https://codex.so)

dist/editor.js

@@ -1,8 +1,19 @@
 # Changelog
+### 2.11.5
+
+- `Fix` *RectangeSelection* — Redesign of the scrolling zones
+
+### 2.11.4
+
+- `Fix` - Clear focus when click is outside the Editor instance
+
+### 2.11.3
+
+- `Fix` — Fix CMD+A Selection on multiple Editor instances
 
 ### 2.11.2
 
-- `Fix` *RectangeSelection* — Redesign of the scrolling zones
+- `Improvements` — Docs updated and common enhancements
 
 ### 2.11.1
 

docs/CHANGELOG.md

@@ -1,6 +1,6 @@
 {
   "name": "@editorjs/editorjs",
-  "version": "2.11.2",
+  "version": "2.11.5",
   "description": "Editor.js — Native JS, based on API and Open Source",
   "main": "dist/editor.js",
   "types": "./types/index.d.ts",

package.json

@@ -107,6 +107,18 @@ export default class BlockSelection extends Module {
     Shortcuts.add({
       name: 'CMD+A',
       handler: (event) => {
+        const {BlockManager} = this.Editor;
+        /**
+         * When one page consist of two or more EditorJS instances
+         * Shortcut module tries to handle all events. Thats why Editor's selection works inside the target Editor, but for
+         * others error occurs because nothing to select.
+         *
+         * Prevent such actions if focus is not inside the Editor
+         */
+        if (!BlockManager.currentBlock) {
+          return;
+        }
+
         this.handleCommandA(event);
       },
     });

src/components/modules/blockSelection.ts

@@ -190,7 +190,7 @@ export default class UI extends Module {
       false,
     );
     this.Editor.Listeners.on(document, 'keydown', (event) => this.documentKeydown(event as KeyboardEvent), true);
-    this.Editor.Listeners.on(document, 'click', (event) => this.documentClicked(event as MouseEvent), false);
+    this.Editor.Listeners.on(document, 'click', (event) => this.documentClicked(event as MouseEvent), true);
   }
 
   /**
@@ -328,24 +328,31 @@ export default class UI extends Module {
      */
     const target = event.target as HTMLElement;
     const clickedOnInlineToolbarButton = target.closest(`.${this.Editor.InlineToolbar.CSS.inlineToolbar}`);
-    const clickedInsideofEditor = target.closest(`.${UI.CSS.editorWrapper}`);
+    const clickedInsideofEditor = target.closest(`#${this.config.holderId}`);
 
-    /** Clear highlightings and pointer on BlockManager */
-    if (!clickedInsideofEditor && !Selection.isAtEditor) {
+    if (!clickedInsideofEditor) {
+      /**
+       * Clear highlightings and pointer on BlockManager
+       *
+       * Current page might contain several instances
+       * Click between instances MUST clear focus, pointers and close toolbars
+       */
       this.Editor.BlockManager.dropPointer();
+      this.Editor.InlineToolbar.close();
       this.Editor.Toolbar.close();
-    }
+      this.Editor.BlockSelection.clearSelection();
 
-    if (!clickedOnInlineToolbarButton) {
+    } else if (!clickedOnInlineToolbarButton) {
+      /**
+       * Move inline toolbar to the focused Block
+       */
       this.Editor.InlineToolbar.handleShowingEvent(event);
-    }
-
-    if (Selection.isAtEditor) {
+    } else if (Selection.isAtEditor) {
+      /**
+       * Focus clicked Block
+       */
       this.Editor.BlockManager.setCurrentBlockByChildNode(Selection.anchorNode);
     }
-
-    /** Clear selection */
-    this.Editor.BlockSelection.clearSelection();
   }
 
   /**