@ckeditor/ckeditor5-fullscreen 49.0.0-alpha.1 → 49.0.0-alpha.11

package/dist/handlers/abstracteditorhandler.d.ts

@@ -254,8 +254,8 @@ export declare class FullscreenAbstractEditorHandler {
 	*/
 	private _restoreRevisionHistoryCallbacks;
 	/**
-	* Adds an event listener when the dialog opens to adjust its position in fullscreen mode,
-	* utilizing the empty space on the right side of the editable element.
+	* Adjusts the position of the open dialog to the editable moved to the fullscreen mode, and adds an event listener when
+	* the dialog opens to adjust its position in fullscreen mode, utilizing the empty space on the right side of the editable element.
 	*/
 	private _registerFullscreenDialogPositionAdjustments;
 	/**
@@ -273,7 +273,7 @@ export declare class FullscreenAbstractEditorHandler {
 	/**
 	* Adjusts the dialog position to utilize the empty space on the right side of the editable.
 	* The new dialog position should be on the right side of the fullscreen view with a 30px margin.
-	* Only dialogs with the position set to "editor-top-side" should have their position changed.
+	* Only dialogs with the position set to "editor-top-side" and not dragged by the user should have their position changed.
 	*/
 	private _setNewDialogPosition;
 	/**

package/dist/index.js

@@ -3,7 +3,7 @@
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
 import { Command, Plugin } from "@ckeditor/ckeditor5-core";
-import { Rect, ResizeObserver, adoptGlobalStyleSheet, createElement, env, getLayoutParentElement, getOverlayMountRoot, getParentNode, global, isShadowRoot, trustedHtml } from "@ckeditor/ckeditor5-utils";
+import { Rect, ResizeObserver, adoptGlobalStyleSheet, containsNode, createElement, env, getLayoutParentElement, getOverlayMountRoot, getParentNode, global, isShadowRoot, trustedHtml } from "@ckeditor/ckeditor5-utils";
 import { BalloonPanelView, BodyCollection, ButtonView, DialogViewPosition, MenuBarMenuListItemButtonView, MenuBarView } from "@ckeditor/ckeditor5-ui";
 import { IconDocumentOutlineToggle, IconFullscreenEnter, IconFullscreenLeave, IconPreviousArrow } from "@ckeditor/ckeditor5-icons";
 
@@ -410,8 +410,12 @@ var FullscreenAbstractEditorHandler = class {
 		/* v8 ignore if -- @preserve */
 		if (this._editor.plugins.has("AITabs")) this._handleAITabsTransfer();
 		if (this._editor.plugins.has("SourceEditing") && this._editor.plugins.has("DocumentOutlineUI")) this._editor.plugins.get("SourceEditing").on("change:isSourceEditingMode", this._sourceEditingCallback);
-		if (this._editor.plugins.has("Dialog")) this._registerFullscreenDialogPositionAdjustments();
-		for (const element of this._getWrapperMountTarget().children) if (element !== this._wrapper && !element.classList.contains("ck-body-wrapper") && !element.classList.contains("ckbox-wrapper") && element.style.display !== "none") {
+		const elementsToKeepVisible = [
+			this.getWrapper(),
+			this._editor.ui.view.body.bodyCollectionContainer,
+			this._editor.config.get("ui.overlayContainer") || null
+		];
+		for (const element of (this._editor.config.get("fullscreen.container") || this._document.body).children) if (!elementsToKeepVisible.some((node) => containsNode(element, node)) && !element.classList.contains("ck-body-wrapper") && !element.classList.contains("ckbox-wrapper") && element.style.display !== "none") {
 			this._hiddenElements.set(element, element.style.display);
 			element.style.display = "none";
 		}
@@ -422,6 +426,7 @@ var FullscreenAbstractEditorHandler = class {
 		this._adjustVisibleElements();
 		this._setupResizeObserver();
 		this._disableContextualBalloonPositionHandler = registerFullscreenBalloonOffsetCorrection(this._editor, this.getWrapper());
+		if (this._editor.plugins.has("Dialog")) this._registerFullscreenDialogPositionAdjustments();
 		this._editor.ui.update();
 		if (this._editor.config.get("fullscreen.onEnterCallback")) this._editor.config.get("fullscreen.onEnterCallback")(this.getWrapper());
 	}
@@ -669,12 +674,14 @@ var FullscreenAbstractEditorHandler = class {
 		});
 	}
 	/**
-	* Adds an event listener when the dialog opens to adjust its position in fullscreen mode,
-	* utilizing the empty space on the right side of the editable element.
+	* Adjusts the position of the open dialog to the editable moved to the fullscreen mode, and adds an event listener when
+	* the dialog opens to adjust its position in fullscreen mode, utilizing the empty space on the right side of the editable element.
 	*/
 	_registerFullscreenDialogPositionAdjustments() {
 		const dialog = this._editor.plugins.get("Dialog");
+		const dialogView = dialog.view;
 		this._setNewDialogPosition();
+		if (dialogView && !dialogView.wasMoved) dialogView.updatePosition();
 		dialog.on("change:isOpen", this.updateDialogPositionCallback, { priority: "highest" });
 	}
 	/**
@@ -684,7 +691,7 @@ var FullscreenAbstractEditorHandler = class {
 		const dialog = this._editor.plugins.get("Dialog");
 		const dialogView = dialog.view;
 		if (dialogView && dialogView.position === null) dialogView.position = DialogViewPosition.EDITOR_TOP_SIDE;
-		if (dialogView) dialogView.updatePosition();
+		if (dialogView && !dialogView.wasMoved) dialogView.updatePosition();
 		dialog.off("change:isOpen", this.updateDialogPositionCallback);
 	}
 	/**
@@ -700,11 +707,11 @@ var FullscreenAbstractEditorHandler = class {
 	/**
 	* Adjusts the dialog position to utilize the empty space on the right side of the editable.
 	* The new dialog position should be on the right side of the fullscreen view with a 30px margin.
-	* Only dialogs with the position set to "editor-top-side" should have their position changed.
+	* Only dialogs with the position set to "editor-top-side" and not dragged by the user should have their position changed.
 	*/
 	_setNewDialogPosition() {
 		const dialogView = this._editor.plugins.get("Dialog").view;
-		if (!dialogView || dialogView.position !== DialogViewPosition.EDITOR_TOP_SIDE) return;
+		if (!dialogView || dialogView.position !== DialogViewPosition.EDITOR_TOP_SIDE || dialogView.wasMoved) return;
 		const keepRightEdgeContainerVisible = new Rect(this._wrapper.querySelector(".ck-fullscreen__right-edge")).getVisible();
 		const relativeContainer = keepRightEdgeContainerVisible ? this._wrapper.querySelector(".ck-fullscreen__right-edge") : this._wrapper;
 		const relativeContainerRect = new Rect(relativeContainer).getVisible();