Still have browser crash on site with multiple sliders in one section

[Regnalf]

Some time ago I wrote in this post that on one of my websites with 3 sliders in one component the page crashes on some mobile browsers.

Charlie has also confirmed this by checking with Browserstack. Unfortunately, the error still persists even after several updates! For me on my iPhone 11 with iOS 18.1.1. but it crashes on some android devices too.

It is probably related to the automatic slider change, because it does not crash immediately, but only when one of the sliders wants to change to the next slide.

I need all 3 sliders in one section because it is a component that is to be supplied with parameters and have therefore also set the data-x-slide-context. Without this attribute, the automatic slides and the progress bars did not work.

However, I have not yet been able to find out exactly what is causing the error. It never crashed on my desktop with chrome browser.

[Ismael]

Hello @Regnalf,

Thank you for the inquiry.

We’ve checked the site on an Android phone using both Chrome and Firefox, but we were unable to reproduce the issue. The sliders transition continuously, but the page didn’t crash. We’ve provided screenshots of the page on both browsers.

Which browsers are you using? Did you install any extensions on these browsers?

Best regards,
Ismael

[Regnalf]

As I have already written, this error only occurs on a real device. In my case, it’s an iPhone 11 with iOS 18.1.1 and the Chrome browser, no extensions. The error does not occur if you use for example devices simulated with Xcode. Charlie himself wrote that he only managed to reproduce this error with Browser Stack.

I have also made a video with my iPhone how the issue happens (Video is in the secure note), but here is the process in text form:

1. the page loads normally and the sliders start to run.
2. at a certain point, some reload is executed without interaction.
3. after that reload, the sliders continue to run until the page crashes in the browser.

If you look closely, the third slider stops at point 3 and the progress bar does not continue.

[Ismael]

Thank you for the update.

The screenshots above are from an actual Android device, on a Xiaomi 8 to be exact. We didn’t use Browser Stack or any device simulator. We tested it for a few minutes but the page didn’t crash, both Chrome and Firefox. We’ll ask the rest of the team to check the site on their end.