Elementor dropdown menu not working with W3 Total Cache

Hello @augmental

Thank you for reaching out and I am happy to assist you with this.
Can you please disable the settings one by one in Performance>General settings, save the settings and purge the cache after each setting is disabled and see which one might be causing the issue?

Thanks!

Disabling minify resolves the issue, but that also diminishes performance.

This seems specific to Elementor. The dropdown menu stops working with minify enabled. Also, I can’t access the Elementor editor when it’s enabled.

Hello @augmental

Thank you for the information.
Can you please re-enable minify, and disable the settings in Performance>Minify one by one (HTML minify, JS minify, CSS minify) and see which one might be causing the issue.
Make sure to save all settings and purge the cache after each option is disabled.
As for the Elementor editor, make sure that the checkbox “Disable minify for logged-in users” is enabled in Performance>Minify, save all settings, and purge the cache.

Thanks!

Thanks. The JS minify is causing the issue. Suggestions?

Hello @augmental

Thank you for yoru feedback.
This means that the JS responsible for this does not like being minified.
I would suggest excluding that specific JS file from being minified by adding it to Performance>Minify>Advanced>”Never Minify following JS files” filed for example/
/wp-content/plugins/some-plugin/assets/js/some-js-file.js

Since you have not shared the URL of the website I cannot be sure which file needs to be added to exclusion.
I hope this helps!

Thanks!

I can handle it, thanks. What’s the best process for narrowing down the JS that is being affected?

Hello @augmental

Thank you for your feedback.
I suppose the JS file is Elementor’s file. While JS minify is disabled, inspect the source of your website and check which JS files are loading and exclude the files that are coming from /wp-content/plugins/elementor/assets/js/

I hope this helps!

Thanks!