TinyMCE not working in the customizer until it clicked

[Collizo4sky]

I use this ​customizer control to add a tinymce editor to the customizer for my plugin MailOptin.

Now I have to click on the Tinymce before the it is initialized.

Here's a GIF of the issue ​https://share.getcloudapp.com/P8u9rkxJ

It works perfectly in WP versions prior to 5.8.

[azaozz]

This may have something to do with [51082]. As far as I see TinyMCE is initialized by the click on the "Visual" tab, not when the js is supposedly running.

Moving to 5.8 for further investigation.

[Collizo4sky]

You are right. TinyMCE is initialized when the visual tab is clicked.

I'll be watching this ticket for update.

Thanks for acknowledging it.

[azaozz]

In 53632.diff: ensure tinymce.init() runs in all cases on 'interactive' and 'complete' readyState.

@Collizo4sky please test the patch asap if you can.

[Collizo4sky]

Worked perfectly.

Thank you @azaozz

[azaozz]

In 51402:

TinyMCE: ensure initialization runs in all cases on 'interactive' and 'complete' readyState. Fixes a rare bug when the init code is inserted in the DOM after the page has finished loading.

Props Collizo4sky, azaozz.
Fixes #53632.

[azaozz]

Reopen for the 5.8 branch.

[desrosj]

[51402] looks good to backport.

[desrosj]

In 51407:

TinyMCE: ensure initialization runs in all cases on 'interactive' and 'complete' readyState.

Fixes a rare bug when the init code is inserted in the DOM after the page has finished loading.

Props Collizo4sky, azaozz.
Merges [51402] to the 5.8 branch.
Fixes #53632.