@ckeditor/ckeditor5-fullscreen 49.0.0-alpha.4 → 49.0.0-alpha.6

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

@@ -410,7 +410,6 @@ 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();
 		const elementsToKeepVisible = [
 			this.getWrapper(),
 			this._editor.ui.view.body.bodyCollectionContainer,
@@ -427,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());
 	}
@@ -674,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" });
 	}
 	/**
@@ -689,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);
 	}
 	/**
@@ -705,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();