feat: Balloon toolbar moving when scrolling - MEED-3049- Meeds-io/MIP…

…s#107 (#566) This change allows to reposition the balloon toolbar on the parent scroll (cherry picked from commit 3b87ff7)
Meeds-io · Dec 27, 2023 · 14d6c91 · 14d6c91
1 parent e4ca348
commit 14d6c91
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/commons-extension-webapp/src/main/webapp/ckeditor/plugins/balloontoolbar/plugin.js b/commons-extension-webapp/src/main/webapp/ckeditor/plugins/balloontoolbar/plugin.js
@@ -685,6 +685,10 @@
 				if ( CKEDITOR.env.iOS && !editable.isInline() ) {
 					editorScrollableElement = editor.window.getFrame().getParent();
 				}
+
+        document.addEventListener('parent-element-scrolled', () => {
+          this.reposition();
+        });
 
 				this._detachListeners();
 

diff --git a/...webapp/src/main/webapp/ckeditor/plugins/balloontoolbar/skins/moono-exo/balloontoolbar.css b/...webapp/src/main/webapp/ckeditor/plugins/balloontoolbar/skins/moono-exo/balloontoolbar.css
@@ -52,7 +52,7 @@ CKEditor 4 LTS ("Long Term Support") is available under the terms of the Extende
 	height: 28px!important;
   min-height: 28px!important;
   box-shadow: none !important;
-  font-size: 14px !important;
+  font-size: 13px !important;
 }
 
 .cke_balloontoolbar.cke_inputTextBalloon #inputURL::placeholder {