@ckeditor/ckeditor5-ui 47.4.0 → 47.5.0-alpha.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ckeditor/ckeditor5-ui",
-  "version": "47.4.0",
+  "version": "47.5.0-alpha.0",
   "description": "The UI framework and standard UI library of CKEditor 5.",
   "keywords": [
     "ckeditor",
@@ -17,11 +17,11 @@
   "type": "module",
   "main": "src/index.js",
   "dependencies": {
-    "@ckeditor/ckeditor5-core": "47.4.0",
-    "@ckeditor/ckeditor5-editor-multi-root": "47.4.0",
-    "@ckeditor/ckeditor5-engine": "47.4.0",
-    "@ckeditor/ckeditor5-icons": "47.4.0",
-    "@ckeditor/ckeditor5-utils": "47.4.0",
+    "@ckeditor/ckeditor5-core": "47.5.0-alpha.0",
+    "@ckeditor/ckeditor5-editor-multi-root": "47.5.0-alpha.0",
+    "@ckeditor/ckeditor5-engine": "47.5.0-alpha.0",
+    "@ckeditor/ckeditor5-icons": "47.5.0-alpha.0",
+    "@ckeditor/ckeditor5-utils": "47.5.0-alpha.0",
     "@types/color-convert": "2.0.4",
     "color-convert": "3.1.0",
     "color-parse": "2.0.2",
@@ -68,4 +68,4 @@
     "./ckeditor5-metadata.json": "./ckeditor5-metadata.json",
     "./package.json": "./package.json"
   }
-}
+}

package/src/toolbar/balloon/balloontoolbar.d.ts

@@ -72,6 +72,10 @@ export declare class BalloonToolbar extends Plugin {
      * @inheritDoc
      */
     init(): void;
+    /**
+     * Returns whether the toolbar is visible in the ContextualBalloon.
+     */
+    private get _isToolbarVisible();
     /**
      * Creates the toolbar view instance.
      */

package/src/toolbar/balloon/balloontoolbar.js

@@ -106,8 +106,7 @@ export class BalloonToolbar extends Plugin {
         const selection = editor.model.document.selection;
         // Show/hide the toolbar on editable focus/blur.
         this.listenTo(this.focusTracker, 'change:isFocused', (evt, name, isFocused) => {
-            const isToolbarVisible = this._balloon.visibleView === this.toolbarView;
-            if (!isFocused && isToolbarVisible) {
+            if (!isFocused && this._isToolbarVisible) {
                 this.hide();
             }
             else if (isFocused) {
@@ -155,6 +154,12 @@ export class BalloonToolbar extends Plugin {
             this.toolbarView.fillFromConfig(this._balloonConfig, this.editor.ui.componentFactory);
         });
     }
+    /**
+     * Returns whether the toolbar is visible in the ContextualBalloon.
+     */
+    get _isToolbarVisible() {
+        return this._balloon.visibleView === this.toolbarView;
+    }
     /**
      * Creates the toolbar view instance.
      */
@@ -284,7 +289,9 @@ export class BalloonToolbar extends Plugin {
      * * or the geometry of the balloon toolbar itself (e.g. the toolbar has grouped or ungrouped some items and it is shorter or longer).
      */
     _updatePosition() {
-        this._balloon.updatePosition(this._getBalloonPositionData());
+        if (this._isToolbarVisible) {
+            this._balloon.updatePosition(this._getBalloonPositionData());
+        }
     }
     /**
      * @inheritDoc