Help with close loading button

Resolved peopleinside
(@peopleinside)

3 months ago

Hi, how are you? I hope you are well 🙏🍀🌻
When you have time, with no urgency, could I ask just if you have a tip to resolve an issue I’m facing?
I tried to use the browser developer console to diagnose the issue also to review all custom CSS code I have but without success.

I have active the pre loading and the loading. On the pre loading the close X button showed works well but it doesn’t work in the loading page.

I checked and I was not able to see any CSS code that disable the X button from works. I also tried to comment all CSS pointer-events none CSS rule that I have and cleared cache without be able to see the button working.

I discovered this issue from my mobile device that was not stop to showing loading on maybe a slow connection and discovered that X button on the loading was not working.

Maybe you are more great to see intermediately or quickly what can be the cause.

I created a video to show the issue I’m facing. I tried on a demo instance but I was not able to replicate so seems to be not an issue from your plugin but.. in the same time I was not able to find the cause of this issue that I have in two blogs.

In the video you see I’m stopping manually the page loading after the pre-loader to simulate a page frozen but the X button on the loading is not closing the loading. It works for the pre-loading. I cannot find why in the loading screen the X button is not working.

Link to the video

Thank you and happy hollidays 🎄🙏🍀🌟

The page I need help with: [log in to see the link]

Viewing 13 replies - 1 through 13 (of 13 total)

Plugin Author CodePeople2
(@codepeople2)

3 months ago
Hello @peopleinside

Please note the loading screen on page A where you click the link is independent of the loading screen on page B, the new one. So, you should click the close button on page B. Also, I noted that in mobile there is an element that is positioned covering part of the close button. Please try entering the style definition below through the “Appearance > Customize > Additional CSS” menu option:
```
.lp-close-screen {
    z-index: 99999999 !important;
}
```
Please purge the website and browse caches before trying again.

I appreciate you let me know if the issue is solved.

Best regards.
Thread Starter peopleinside
(@peopleinside)

3 months ago
Hi, it’s nice to hear you, thanks as always for your amazing fast replies!
I set the rule you told me but unfortunately still not working.

Update: Maybe I found the cause. The cause is the plugin https://wordpress.org/plugins/wp-meteor/ I will have to understand how to exclude your plugin from the code optimization. I will maybe ask to the other plugin developer. Deactivating WP Meteor seems resolve the issue.

I created a support topic here.

In the WP Meteor plugin I have already some exceptions rules:
```
codepeople-loading-page
jquery-core
jquery-migrate
```
But maybe I need add something else to avoid the closing button to be optimized so to be broken.

Thank you for your help!
- This reply was modified 3 months ago by peopleinside. Reason: Possibile solution
- This reply was modified 3 months ago by peopleinside. Reason: updates
Plugin Author CodePeople2
(@codepeople2)

3 months ago
Hello @peopleinside

Could you please try the following modification?

Open the “/wp-content/plugins/loading-page/js/loading-page.min.js” file with the text editor of your choice.

Go to the piece of code below:
```
"click"
```
And edit it as follows:
```
"mousedown"
```
Finally, purge the website and browser caches before checking again.

Best regards.
Thread Starter peopleinside
(@peopleinside)

3 months ago

Done and all cache cleared. The issue persist. I need maybe find a way to told to WP Meteor to skip loading page optimization.

Plugin Author CodePeople2
(@codepeople2)

3 months ago

Hello @peopleinside

I installed WP Meteor on my end trying to emulate the issue you are reporting and it is not happening on my website. Could you please provide the list of plugins installed on your WordPress? You can get it through the “Tools > Site Health” menu option and then by pressing the “Copy site info to clipboard” button in the “Info” tab. Additionally, please describe your “WP Meteor” settings so I can configure it the same.

Best regards.

Thread Starter peopleinside
(@peopleinside)

3 months ago

Hi and thank you for your reply.
I tried also to reproduce on a demo instance but I’m not able to replicate even if I have this issue on more websites. I tested again on the website where the issue is present and disable WP Meteor and clean cache resolve the issue. If cache are not cleared the issue still be there. In a demo instance installing WP Meteor and the Loading Page plugin never help me to replicate the issue.

I can post a list of all plugin I’m using but maybe is not a short list and I don’t want this can be a public data that can be sensible and expose in any way my website to be less secure.

Info required by you are here. Plugin list on text and screenshot as zip attachment.

Plugin Author CodePeople2
(@codepeople2)

3 months ago

Hello @peopleinside

Thank you so much. I suspect that the issue may stem from a combination of plugins rather than solely from WP Meteor. It appears that you are using other optimization and cache management plugins, and this combination could potentially be causing the problem. I will install these plugins on my end to investigate the results further.

Best regards.

Plugin Author CodePeople2
(@codepeople2)

3 months ago

Hello @peopleinside

Could you please perform a quick test? Navigate to our plugin settings and uncheck the “Show loading screen when clicking on link” option. After that, kindly purge both the website and browser caches. Once you’ve done that, please let me know if the issue persists. Thank you!

Best regards.

Thread Starter peopleinside
(@peopleinside)

3 months ago

Test done and the issue persist.

Plugin Author CodePeople2
(@codepeople2)

3 months ago

Hello @peopleinside

That’s quite strange. When you uncheck the checkbox, the plugin should not enqueue the “links.min.js” file. However, I visited your webpage and noticed that the file is still being loaded. Are you certain that your website is not serving the page from a cache? A CDN server might be involved in this.

Best regards.

Thread Starter peopleinside
(@peopleinside)

3 months ago

Hum… From what I know I’m not using a CDN as I have CloudFlare DNS but with proxy disabled.
I’m not using CDN even in the cache plugin because I’m not able to see this working with the current cache plugin.

The issue of the X closing button is never happening in the Show loading screen when clicking on link. In this case as soon i click a link the loading show the X button that if pressed works. The issue is in the X showed after the pre loading.. so I don’t understand how disable the the Show loading screen when clicking on link can help or should help to resolve the issue.

I can try to create a demo and when is ready I can email you, this will be safe for me. Could I use the contact form present in your website to send this private infos for the demo?

Otherwise I don’t know how I can help you more with this issue. The only think I know is that disable WP Meteor and clean cache resolve the issue but I cannot disable WP Meteor or the website will be a lot more slow and degraded also on Google. WP Meteor helped to get a better speed and positioning.

Plugin Author CodePeople2
(@codepeople2)

3 months ago

Hello @peopleinside

I’m trying to find a solution while the WP Meteor team responds to your other forum post.

Best regards.

Thread Starter peopleinside
(@peopleinside)

2 months, 4 weeks ago

Thank you for all your help. The issue seems is not from your plugin but from WP Meteor. Even if you found a way to fix the closing button issue, WP Meteor will disable and creating issue on all website menu so I need a fix from WP Meteor. Thank you again, I mark this topic as resolved as the issue is not from your plugin 🙂

You give a very great support and worked a lot for resolve this issue. Thank you very much!

Viewing 13 replies - 1 through 13 (of 13 total)

You must be logged in to reply to this topic.