@ckeditor/ckeditor5-fullscreen 45.0.0-alpha.8 → 45.0.0

package/lang/contexts.json

@@ -2,5 +2,7 @@
 	"Enter fullscreen mode": "Label for a toolbar button that enters the fullscreen when pressed",
 	"Leave fullscreen mode": "Label for a toolbar button that leaves the fullscreen when pressed",
 	"Fullscreen mode": "Label for a menu bar button that toggles fullscreen mode",
-	"Toggle fullscreen mode": "Keystroke description for assistive technologies: keystroke for toggling a fullscreen mode."
+	"Toggle fullscreen mode": "Keystroke description for assistive technologies: keystroke for toggling a fullscreen mode.",
+	"Document outline": "Label for a sidebar header that contains a document outline",
+	"Connected users": "Label for a sidebar header that contains a list of connected users"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ckeditor/ckeditor5-fullscreen",
-  "version": "45.0.0-alpha.8",
+  "version": "45.0.0",
   "description": "Fullscreen mode feature for CKEditor 5.",
   "keywords": [
     "ckeditor",
@@ -13,18 +13,18 @@
   "type": "module",
   "main": "src/index.js",
   "dependencies": {
-    "@ckeditor/ckeditor5-comments": "45.0.0-alpha.8",
-    "@ckeditor/ckeditor5-core": "45.0.0-alpha.8",
-    "@ckeditor/ckeditor5-document-outline": "45.0.0-alpha.8",
-    "@ckeditor/ckeditor5-editor-classic": "45.0.0-alpha.8",
-    "@ckeditor/ckeditor5-editor-decoupled": "45.0.0-alpha.8",
-    "@ckeditor/ckeditor5-icons": "45.0.0-alpha.8",
-    "@ckeditor/ckeditor5-pagination": "45.0.0-alpha.8",
-    "@ckeditor/ckeditor5-real-time-collaboration": "45.0.0-alpha.8",
-    "@ckeditor/ckeditor5-revision-history": "45.0.0-alpha.8",
-    "@ckeditor/ckeditor5-ui": "45.0.0-alpha.8",
-    "@ckeditor/ckeditor5-utils": "45.0.0-alpha.8",
-    "ckeditor5": "45.0.0-alpha.8"
+    "@ckeditor/ckeditor5-comments": "45.0.0",
+    "@ckeditor/ckeditor5-core": "45.0.0",
+    "@ckeditor/ckeditor5-document-outline": "45.0.0",
+    "@ckeditor/ckeditor5-editor-classic": "45.0.0",
+    "@ckeditor/ckeditor5-editor-decoupled": "45.0.0",
+    "@ckeditor/ckeditor5-icons": "45.0.0",
+    "@ckeditor/ckeditor5-pagination": "45.0.0",
+    "@ckeditor/ckeditor5-real-time-collaboration": "45.0.0",
+    "@ckeditor/ckeditor5-revision-history": "45.0.0",
+    "@ckeditor/ckeditor5-ui": "45.0.0",
+    "@ckeditor/ckeditor5-utils": "45.0.0",
+    "ckeditor5": "45.0.0"
   },
   "author": "CKSource (http://cksource.com/)",
   "license": "SEE LICENSE IN LICENSE.md",

package/src/fullscreenediting.js

@@ -43,14 +43,16 @@ export default class FullscreenEditing extends Plugin {
         // Set the Ctrl+Shift+F keystroke.
         this.editor.keystrokes.set('Ctrl+Shift+F', (evt, cancel) => {
             this.editor.execute('toggleFullscreen');
-            // On non-Chromium browsers, the editor view is not blurred properly after moving the editable,
-            // even though the `document.activeElement` is changed. Hence we need to blur the view manually.
+            // On non-Chromium browsers, the editor view and toolbar are not blurred properly after moving the editable,
+            // even though the `document.activeElement` is changed. Hence we need to blur them manually.
             // Fixes https://github.com/ckeditor/ckeditor5/issues/18250 and https://github.com/ckeditor/ckeditor5/issues/18247.
             if (!env.isBlink) {
                 this.editor.editing.view.document.isFocused = false;
+                this.editor.ui.view.toolbar.focusTracker.focusedElement = null;
             }
-            this.editor.editing.view.focus();
+            // The order of scroll and focus is not important here.
             this.editor.editing.view.scrollToTheSelection();
+            this.editor.editing.view.focus();
             cancel();
         });
         // Add the information about the keystroke to the accessibility database.

package/src/fullscreenui.js

@@ -8,6 +8,7 @@
 import { Plugin } from 'ckeditor5/src/core.js';
 import { ButtonView, MenuBarMenuListItemButtonView } from 'ckeditor5/src/ui.js';
 import { IconFullscreenEnter, IconFullscreenLeave } from 'ckeditor5/src/icons.js';
+import { env } from 'ckeditor5/src/utils.js';
 import FullscreenEditing from './fullscreenediting.js';
 import '../theme/fullscreen.css';
 const COMMAND_NAME = 'toggleFullscreen';
@@ -69,8 +70,15 @@ export default class FullscreenUI extends Plugin {
         }
         this.listenTo(view, 'execute', () => {
             editor.execute(COMMAND_NAME);
-            editor.editing.view.focus();
+            // On non-Chromium browsers, toolbar is not blurred properly after moving the editable,
+            // even though the `document.activeElement` is changed. Hence we need to blur the view manually.
+            // Fixes https://github.com/ckeditor/ckeditor5/issues/18250 and https://github.com/ckeditor/ckeditor5/issues/18247.
+            if (!env.isBlink) {
+                this.editor.ui.view.toolbar.focusTracker.focusedElement = null;
+            }
+            // The order of scroll and focus is not important here.
             editor.editing.view.scrollToTheSelection();
+            editor.editing.view.focus();
         });
         return view;
     }

package/src/handlers/abstracteditorhandler.js

@@ -300,13 +300,15 @@ export default class AbstractEditorHandler {
     // Code coverage is provided in the commercial package repository as integration unit tests.
     /* istanbul ignore next -- @preserve */
     _generatePresenceListContainer() {
+        const t = this._editor.t;
         const presenceListElement = createElement(document, 'div', {
             class: 'ck ck-fullscreen__left-sidebar-item'
         });
         presenceListElement.innerHTML = `
-			<div class="ck ck-fullscreen__left-sidebar-header">Connected users</div>
+			<div class="ck ck-fullscreen__left-sidebar-header"></div>
 			<div class="ck ck-fullscreen__presence-list" data-ck-fullscreen="presence-list"></div>
 		`;
+        presenceListElement.firstElementChild.innerText = t('Connected users');
         document.querySelector('[data-ck-fullscreen="left-sidebar-sticky"]').appendChild(presenceListElement);
         const presenceListUI = this._editor.plugins.get('PresenceListUI');
         this.moveToFullscreen(presenceListUI.view.element, 'presence-list');
@@ -317,14 +319,14 @@ export default class AbstractEditorHandler {
     // Code coverage is provided in the commercial package repository as integration unit tests.
     /* istanbul ignore next -- @preserve */
     _generateDocumentOutlineContainer() {
+        const t = this._editor.t;
         const documentOutlineHeaderElement = createElement(document, 'div', {
             class: 'ck-fullscreen__left-sidebar-item ck-fullscreen__left-sidebar-item--no-margin'
         });
         documentOutlineHeaderElement.innerHTML = `
-			<div class="ck ck-fullscreen__left-sidebar-header ck-fullscreen__document-outline-header">
-				Document outline
-			</div>
+			<div class="ck ck-fullscreen__left-sidebar-header ck-fullscreen__document-outline-header"></div>
 		`;
+        documentOutlineHeaderElement.firstElementChild.innerText = t('Document outline');
         const documentOutlineBodyWrapper = createElement(document, 'div', {
             class: 'ck ck-fullscreen__left-sidebar-item ck-fullscreen__document-outline-wrapper'
         });