@hube2 your contributions to ACF and this forum have been monumental. I’ve been an ACF member since ~2014 and your name has always come up with wonderful answers and suggestions
…but this request has been made countless times to the devs. Since the inception. People are resorting to this because it falls on deaf ears.
Obviously with blocks and ACF Blocks, the need for a WYSIWYG editor has gotten smaller and smaller but after creating themes/blocks for countless clients, I can tell you, the demand for a clean interface and minimal WYSIWYG rich text editor is just as meaningful now.
I still use this snippet to tackle this issue:
function PREFIX_apply_acf_modifications() {
?>
<style>
.acf-editor-wrap iframe {
min-height: 0;
}
</style>
<script>
(function($) {
acf.add_filter('wysiwyg_tinymce_settings', function(mceInit, id, $field) {
mceInit.wp_autoresize_on = true;
return mceInit;
});
acf.add_action('wysiwyg_tinymce_init', function(ed, id, mceInit, $field) {
ed.settings.autoresize_min_height = 100;
$('.acf-editor-wrap iframe').css('height', '100px');
});
})(jQuery)
</script>
<?php
}
add_action('acf/input/admin_footer', 'PREFIX_apply_acf_modifications');
and it works great in most cases. However, one quirk still persists.
If I add a repeater row, the WYSIWYG is the correct height and the fields are all condensed to be the height of the largest field within that row.
If I save and refresh the page, every field within the row is given a minimum height which I believe is being set based on the size ACF *thinks* the WYSIWYG field is. There ends up being a fair amount of white space below the WYSIWYG editor and each .acf-field has been given a minimum height CSS value.
If I add a new row, or delete a row, it resizes all of the field heights to the correct minimum height and everything nice and tight.
So the action to evaluate the current height of the fields, get the largest field height and set them all to that seems to be firing 1) when a new row is added or 2) when a row is deleted, but not when the page first loads.
I’ve tried to modify when the action is called, whether init or admin_head, etc.
Perhaps you can provide some insight as to when that hook/action gets called and if there’s another method to ensure that when ACF evaluates the field heights and sets their minimum, it’s accounting for the modified WYSIWYG field height on page load.
Thanks.
