From d3438997f5a3be6ea1f163bc330eb975e7cc345e Mon Sep 17 00:00:00 2001 From: Charly Zauleck Date: Thu, 20 Feb 2025 11:02:25 +0000 Subject: [PATCH] Issue #4031: fixed ckeditor overlapping in customer ui when resized very small --- var/httpd/htdocs/js/Core.UI.RichTextEditor.js | 14 +++++++++++++- 1 file changed, 13 insertions(+), 1 deletion(-) diff --git a/var/httpd/htdocs/js/Core.UI.RichTextEditor.js b/var/httpd/htdocs/js/Core.UI.RichTextEditor.js index efef4b645..664cd5ebb 100644 --- a/var/httpd/htdocs/js/Core.UI.RichTextEditor.js +++ b/var/httpd/htdocs/js/Core.UI.RichTextEditor.js @@ -359,12 +359,24 @@ Core.UI.RichTextEditor = (function (TargetNS) { } ); } - // bind editor resize to container($domEditableElement) size change (ie. when changing window size) + // bind editor resize to container($domEditableElement) size change const resizeObserver = new ResizeObserver(() => { adjustEditorSize(); }); resizeObserver.observe($domEditableElement.first().get(0)); + // set correct min-height for customer interface to prevent overlapping + if (CustomerInterface) { + const toolbarResizeObserver = new ResizeObserver(() => { + let toolbarHeight = $domEditableElement.find('.ck-editor__top').outerHeight(); + let MinHeight = toolbarHeight + 100; + + $domEditableElement.css('min-height', MinHeight + 'px'); + }); + toolbarResizeObserver.observe(editor.ui.view.toolbar.element); + } + + //make sure editor size is adjusted whenever the toolbar changes size //otherwise editor size can behave weirdly right after loading page resizeObserver.observe(editor.ui.view.toolbar.element);