TinyMCE editor not loading on mobile with Cloudflare proxy enabled

  • Posted 1 month ago

Hi Team,

Our website is fronted by Cloudflare, and we have observed an issue specifically on the listing creation form page.

When the Cloudflare proxy mode is enabled, the text editor (with advanced controls) (TinyMCE) in the form does not load on mobile devices. However, the same page works perfectly on desktop browsers.

We have already taken the following steps:

Added cache rules to bypass caching for the page URL and the `/wp-includes/js/tinymce*` path.
Disabled all relevant performance and optimisation features(e.g., Rocket Loader, Brotli compression, Mirage, Polish, APO) for these URLs.

Despite these changes, the issue persists. When Cloudflare is set to DNS-only mode, the page loads normally on mobile and the text editor appears as expected.

This behaviour was not observed previously and seems to have appeared recently. It’s unclear whether it’s related to any recent changes in Cloudflare or Voxel.

To temporarily resolve this, we implemented a JavaScript snippet [1] that reinitializes the TinyMCE editor after the page renders.

We’d appreciate it if you could review this behaviour and advise whether this approach is acceptable, or if there’s a recommended Cloudflare-side configuration to resolve the issue properly.

[1]. https://drive.google.com/file/d/17HrfE__PvkPluxqE1O5-5tgAkYa2Fchd/view?usp=sharing

Best Regards,
Team Q.

  • Images