FIX HTMLEditorField::setRows method

silverstripe · Jan 10, 2024 · 7185c77 · 7185c77
1 parent 0755502
commit 7185c77
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 2 deletions.
diff --git a/client/dist/js/bundle.js b/client/dist/js/bundle.js
diff --git a/client/src/legacy/HtmlEditorField.js b/client/src/legacy/HtmlEditorField.js
@@ -156,8 +156,24 @@ ss.editorWrappers.tinyMCE = (function() {
 
       config.skin = config.skin || 'silverstripe';
 
+      var initSetup = (editor) => {
+        const setHeight = (e, height) => {
+          if (e.target && e.target.iframeElement) {
+            e.target.iframeElement.height = height !== '' ? 'auto' : height;
+            e.target.iframeElement.parentNode.parentNode.style.height = height;
+          }
+        }
+        editor.on('init', (e) => {
+          let height = document.querySelector(config.selector).style.height;
+          setHeight(e, height);
+        });
+        editor.on('ResizeEditor', (e) => {
+          setHeight(e, '');
+        });
+      }
+
       // Bind the floatpanel hide and reposition listener to the closest scrollable panel
-      tinymce.init(config).then((editors) => {
+      tinymce.init({...config, setup: initSetup}).then((editors) => {
         if(editors.length > 0 && editors[0].container) {
           const scrollPanel = $(editors[0].container).closest('.panel--scrollable');
           scrollPanel.on('scroll', (e) => hideOnScroll(e));