Right border of editor area no longer visible since 4.6.0

Do you want to request a feature or report a bug?

Bug

What is the current behavior?

Right border of editor area is not visible anymore since 4.6.0.

If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem via fiddle.tinymce.com or similar.

Element info in browser on any 4.6.x version for the editor area gives

<div id="mceu_35" class="mce-tinymce mce-container mce-panel" hidefocus="1" tabindex="-1" role="application" style="visibility: hidden;border-width: 1px;width: 100%;">

while on 4.5.x it is

<div id="mceu_35" class="mce-tinymce mce-container mce-panel" hidefocus="1" tabindex="-1" role="application" style="visibility: hidden; border-width: 1px;">

The additional width: 100%; since 4.6.0 seems to be the problem causing the right border to be hidden. Disabling it with the browser’s dev tools makes the right border visible again.

But where is the width: 100%; coming from?

What is the expected behavior?

Of course, the border being visible as before again.

Which versions of TinyMCE, and which browser / OS are affected by this issue? Did this work in previous versions of TinyMCE?

• Problem started with version 4.6.0 while it still worked fine on 4.5.x,
• Using jquery.tinymce.min.js,
• Testing on Linux,
• Issue both in FF and Chrome.

[pruhstal]

Definitely still broken as of: @tinymce/tinymce-react": “^2.2.0” and tinymce.min.js (4.7.9 (2018-02-27))

Another hack you can try is:

div.mce-edit-area {
  padding-right: 1px;
}

[iionly]

I got it working just now by adding width:auto !important; to .mce-panel class and then also adding width:100% !important; to div.mce-fullscreen.