Plugin broken with WP 3.7.1

Hello,

Can you post a screenshot of what you’re seeing?

Do you have any javascript errors in your browser console? If you don’t know how to find this, don’t worry about it.

Can you recreate this same problem with no plugins and a default (twentythirteen) theme?

Usually when I’ve seen problems with P3’s interface, it’s been due to a conflicting version of jQuery or jQuery UI.

Hi Kurt,

How do I post an image?

No javascript errors
Can’t test with 2013 theme because current theme is customized and I’ll lose work done to date

Essentially the screen goes dark and the links to start scan (manual scan or auto scan) don’t work.

Can you share your site’s URL?

Hi Kurt,
I’m in the process of building the site, researching and installing plugins. For the moment I’ve moved on to another plugin solution for measuring performance.

thanks,
Carole.

Hi Carole,

Sorry this didn’t work out for you.

I would recommend using tools.pingdom.com and webpagetest.org for measuring site performance. If your time-to-first-byte (sometimes abbreviated as TTFB) is slow, then it’s time to look closer at plugins.

Hi Kurt

With the 3.7.1 after clicking on scan now it opens the transparent window but cant click on scannow button.

Thanks

Hi passiman,

Have you tried with the default theme (twentythirteen) and no plugins? Most UI issues stem from a plugin or theme loading an older version of jquery or jquery ui.

Same transparent dark screen with not clickable elements…

Time to update this plugin.

I’ll try to explain what is really happening there, so you guys can fix it rather than ignore what people are posting here.

When on wp-admin/tools.php?page=p3-profiler you click the ‘Start Scan’ button it loads modal overlay first. I suppose that page preview window and ‘Scan Name’ input were intended to be presented in modal window. However modal overlay is over mentioned input and everything else is under modal overlay. This means there is no access to any controls or input boxes. Therefore no scan can be performed. You can exit overlay by pressing escape on your keyboard or by refreshing the page.

The problem is with styles being inherited form jquerry-ui-dialog-min.css for .ui-front where z-index: 100; while .ui-widget-overlay in the same file z-index: 300001;

QUICK FIX

We don’t want to change jQerry files as they might be used elsewhere, but we can use p3.css to override jQuerry css.

1. open the file /wp-content/plugins/p3-profiler/css/p3.css
2. Scroll down to line 67 (just below /** jQuery UI Dialog overrides **/)
3. Paste the following code and save

.ui-front {
	z-index: 100 !important;
}

I know it is not the best fix but you are welcome to improve it. At least it makes the plugin usable again. I don’t have the time to fix messed up close buttons on dialog boxes.

I hope this helps

Hi mintfactory,

Can you reproduce this issue using the stock theme (twentythirteen) and no other plugins?

Whenever I see UI issues, it’s usually due to another plugin/theme loading a copy of jQuery UI.

@mintfactory? As this topic already is resolved and is not yours per the forum welcome please post your own topic.

https://www.ads-software.com/support/plugin/p3-profiler#postform

When I test it with default 2013 theme and all plugins disabled I get things messed up too, but the interface is usable. I looks like this Will investigate further which plugin may be loading another instance of jquery ui.

@jan Dembowski As far as I was concerned this topic wasn’t resolved at the time of my first posting.

@mintfactory
Finally! Now it works as intended. Thank you!

Thanks for the solution mintfactory! Please ignore people nagging about your posts without providing a solution. Thanks again!