Yes, I’ve found the exact same problem when using UpdraftPlus. They suggested it was a problem with your plugin deciding to load its code on the UD’s settings page (which it should not do). They also said it was an easy fix.
Hi,
As the author of UpdraftPlus, I took some time to debug this.
The Events Calendar is loading its CSS style sheet on *every* page of the WordPress admin dashboard.
You should only load it on your own page – use the global $pagenow to detect that.
The CSS file that causes the conflict is resources/events-admin.min.css. It includes a really common class name, with no selectors to restrict it to only your page, but with a customised value, specifically this:
.ui-front{z-index:1000000}
The effect of that is to bring the jQuery dialog “hash-out” effect on top of jQuery modal dialogs. This makes the dialogs unclickable. The result can be seen in the screenshot at this URL: http://updraftplus.com/faqs/the-modal-windows-that-updraftplus-opens-cant-be-clicked-on-they-are-greyed-out/
I’ve worked around that in my plugin going forwards by trumping your z-index. But, you’ll be clashing with other plugins by doing this. The real solution is to not load your CSS code except on your own page.
Best wishes,
David
Hi David (and everyone): this is indeed a known bug and we’re sorry for any inconvenience – our next maintenance release, due shortly, ought to rectify this.
No problem: however, as an update, it may be that we can’t quite squeeze this into the very next maintenance release – but it certainly is still high on the agenda.
