Inline + fixed_toolbar_container causes CSS files to not load

[gperl27]

What is the current behavior?

There's very inconsistent loading behavior of content.inline.min.css when using a combination of inline and fixed_toolbar_container. It seems when the CSS assets are cached, content.inline.min.css won't load at all, causing the toolbar to looked squished and unusable.

This seems to have started about 1-2 weeks ago and perhaps related to the CSS asset architecture updates introduced in the latest JS library.

This is urgent for our team as it broke our production application and even locking in a previous version using cloudChannel doesn't seem to resolve the issue.

Possibly related: #480

Codesandbox:

Production application:

Please provide the steps to reproduce and if possible a minimal demo of the problem via [codesandbox.io] (https://codesandbox.io/s/tinymce-tinymce-react-p6bqty?file=/src/index.js) or similar.

Reproducible codesandbox

It's inconsistently reproducible when doing either refreshes or hard refreshes.

What is the expected behavior?

To load the CSS normally

Production app when it works:

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

• All browsers
• Latest version of the React component using the apiKey cloud strategy. The production app uses a premium key.

[exalate-issue-sync[bot]]

Internal Ref: INT-3266

[danoaky-tiny]

First off It's worth mentioning that if you have a support subscription, you'll be better served by our support team who will be able to assist: https://support.tiny.cloud/hc/en-us/requests/new

A workaround for now: are you sure setting cloudChannel to 6.7.3 doesn't fix the issue? Setting cloudChannel to 6 will (as of right now) set the version to 6.8.1

[danoaky-tiny]

Confirmed to be fixed in the next release: tinymce/tinymce#9261 You can see for yourself here https://fiddle.tiny.cloud/kyIaYQ3ZnL/3