Enabling Cloudflare breaks the WordPress admin dashboard in multiple ways

Website, Application, Performance
1

What is the name of the domain?

x

What is the issue you’re encountering

If I setup Cloudflare to proxy the traffic to my website you can’t view the sub-menus of the menus on the WP admin dashboard by hovering your mouse over them, you need to click on them. It also completely breaks the new product creation menu as you can’t switch from the General settings to the other options.

What steps have you taken to resolve the issue?

I tried to turn off every caching mechanism, I enabled developement mode, created a rule to bypass cache for everything and purged the cache, it didn’t help at all. If I connect directly to the website or I setup Cloudflare to not proxy the traffic all functions start working instantly.

I also tried to disable optimizing mechanisms of Cloudflare and accessing the site over HTTP, same results. I tested it from multiple devices and browsers, but only turning on / off the Cloudflare proxy made any difference. All plugins are disabled on the site (This is a fresh install) and I already tried to install an older WordPress version.

Edit:
Obsolete post. I had a rule to lowercase all URLs ( “lower(http.request.uri.path)” ) and for some reason this interferes with certain WordPress functions.

2

Was your WordPress instance working over HTTPS prior adding your zone/domain to your Cloudflare Account? :thinking:

May I ask if you’re using some kind of a Website builder such as Elementor, etc.?

I’d suggest you to:

  1. Disable RocketLoader
  2. Set Browser Cache TTL to “Respect Existing Headers”
  3. Purge Everything

Below article would help you to achieve the above and ease your further troubleshooting.

3

This topic was automatically closed 2 days after the last reply. New replies are no longer allowed.