Website crashing when loading loopers

[kendo90]

Hi Themeco,

I’m having trouble identifying the cause of my issue and hoping you could lend your expertise. I have a relatively simple website where I’ve used sliders to create a single page website. I like being able to control transitions between the ‘pages’. There is a looper which pulls project information and images from ACF for a portfolio on one of the sliders, which then opens an off-canvas element. The website crashes my browser both on computer and phone. I didn’t experience this issue when developing locally.

Initially I didn’t get any errors but eventually got this one from Google Chrome:
Uncaught RangeError: Invalid array length
at Array.push ()
at We (cs-classic.7.5.9.js?ver=7.5.9:1:63106)
at HTMLDivElement. (cs-classic.7.5.9.js?ver=7.5.9:1:69405)

I’m wondering if my Looper wiring has gotten messed up somewhere.

The URL is https://madamada.studio/

Thank you!

[tristup]

Hi @kendo90,

Thanks for reaching out.
The Looper should not be a cause behind your website crash, but there might be several other reasons which might be related to that. I would like to suggest troubleshooting the following common issue to help us to recognize the reason.

1.Theme Related Issue
2.Plugin Conflict
3.Theme Update related issue
4.Child Theme Related issue
5.CSS/JS Customization
6.Disabling Cache
7.Disabling CDN
8.Increasing PHP Memory Limit

If you discover that an issue is coming from a custom code or 3rd party plugin, kindly consult with a developer or contact the plugin author. Please note that we do not provide support for custom codes and 3rd party plugins unless you are subscribed to One. If not subscribed, kindly consult with a developer or contact the plugin author.
Please note that we do not provide support for custom codes and 3rd party plugins unless you are subscribed to One service.
If none of the above helps, please provide login credentials for your site in a secure note to examine it further, including:

– WordPress Site URL & Login URL
– WordPress Admin username/password

To create a secure note, click the key icon underneath any of your posts.

Thanks

[kendo90]

The Pro theme seems to be the problem as the Javascript cs-classic.7.5.9.js is causing some issue, but as it’s minified I can’t really tell where it’s causing an issue.

I’ve turned off all plugins.
I’ve reverted to the core theme as well.
There’s no major custom CSS and no custom JS.
PHP memory limits are set to 512.

The error occurs when going to the Works slider. After some time the page freezes and any other tabs with the domain open also freeze. Also occurs on other sliders at random moments making it hard to pin down.

I’ve provided login details here.

[tristup]

Hi @kendo90,

I have checked the Works slider and everything is working fine. Can you please make any video that helps us recognize the problem you are facing. This might be a problem with the cache, I would suggest you check once by clearing all types of cache including the System Cache from Cornerstone > Settings > System > Clear System Cache and check in the incognito/private mode of the browser.

Thanks

[kendo90]

Hey tristup,

Video of the issue here. I’ve cleared all cache and issue remains in incognito mode as well.

Thanks,
Ken

[charlie]

We can add a fix / fail safe on our end for this. However let’s try a few things to maybe get you a quicker turn around time.

1. e105-e32 Instead of using this as the data-x-toggleable is it possible to use a toggle hash?

2. Whenever you are using that data-x-toggleable and it’s acting as a button as opposed to the toggle area, if you add data-x-toggle it will make sure that it doesn’t add it to the “toggleable ancestry”. I see this in some places, but possibly not everywhere it’s needed.

If none of that helps we might have to wait for a fix on our end in the next release. This page is creating an infinite loop via that toggleable ID somewhere along the line. Very nice looking page btw.

[kendo90]

Hi @charlie,

Thanks for your suggestions and glad you like the design. I tried a toggle hash for the modal but it still would crash.

I found that the close button on the Off-Canvas from the Works slider would be the most consistent in crashing the site. It appears there is some crossover with the close button from the Contact Modal and the close button from the Off-Canvas. I tried applying data-x-toggleable with the ID to the close button to make it only apply to that Modal but I’m not sure if that does what I think it does.

After deleting the modal the issue resolves so I’ve gone without it for now. If you can provide instructions on how to best setup both modals and off-canvas on the same page that would be great. If that requires some bugfixing on your end no worries but please let me know when I can re-implement this.

Cheers!
Ken

[charlie]

Next release there will be a failsafe for your issue. I wasn’t sure what element was causing it, but I’d guess some element that was using data-x-toggle without data-x-toggle-close. Have a great day.