tinymce-docs icon indicating copy to clipboard operation
tinymce-docs copied to clipboard

In 'Distraction-free' mode, 'height and 'min-height' have no effect

Open xiaohundun opened this issue 3 years ago • 3 comments

What is the current behavior? Describe the bug In 'Distraction-free' mode, 'height and 'min-height' have no effect

Please provide the steps to reproduce and if possible a minimal demo of the problem via fiddle.tiny.cloud or similar. https://fiddle.tiny.cloud/Oxhaab/1 https://codepen.io/xiaohundun/pen/BazGqdv?editable=true%3Dhttps%3A%2F%2Fwww.tiny.cloud%2F What is the expected behavior? In 'Distraction-free' mode, 'height and 'min-height' have effect

Which versions of TinyMCE, and which browser / OS are affected by this issue? Did this work in previous versions of TinyMCE? TinyMCE:5.5.1 OS:MacOS Browser:Chrome Did this work in previous versions of TinyMCE?:no

xiaohundun avatar Nov 11 '20 10:11 xiaohundun

Hi @xiaohundun,

This is expected, as those settings only apply to classic (iframe) editors. Inline editors, which is what distraction-free is, will use whatever CSS/styles you use on the element that TinyMCE takes over and it won't try to change the look of the page. So you should instead set the height on the inline element. Here's an example: https://fiddle.tiny.cloud/Oxhaab/4

lnewson avatar Nov 11 '20 10:11 lnewson

Thanks!!😘

xiaohundun avatar Nov 11 '20 12:11 xiaohundun

Moved the ticket here as an improvement to the documentation that height and min-height is not in effect when using inline mode

lostkeys avatar Dec 15 '20 08:12 lostkeys