WAIT: Nested Slider: Last Slide bug

Bugs
1

Bricks Version: 1.5
Browser: Chrome 104
OS: macOS 12.5
URL: https://bricks.tobiashaas.dev/

Hey everyone
I have a slider that works very well so far. However, when moving from the last to the first slider, the photo is not visible.

It’s best to look at the screen record.

The problem has already been explained here

1 Like
2

Hi Tobias,
Thanks so much for your report!

I’m afraid there’s nothing we can do about this and we’ll have to wait for the Splide.js developers to take care of it: Image disappears in the last slide (slide becomes blank) when it moves left · Issue #730 · Splidejs/splide · GitHub

Best regards,
timmse

1 Like
3

If you’re not using dynamic data for the slides, the solution is to use classes to add the background images instead of the IDs. (because SplideJS changes the IDs dynamically, but it won’t touch the classes)

1 Like
4

I managed to find a ‘hack’ solution to prevent the last item in the slider from turning grey when going off-screen.

I set the start index in the options panel to 1 instead of 0. Ive tried like 4 different solutions from yt, the forum and splide docs but this seems to work for me for some reason. I have 4 slides (non dynamic), displaying 2 slides at a time, now with a start index of 1.

As it is infinite scroll you can’t really tell which one it starts on by the time you get to it…

5

This still seems to be an issue in 2025!

Thanks for the hack @Arek. I’m showing 3 slides at once and if I set the start index to 1 and move the last slide to be the first then at least it looks ok until the user slides right to the end. Then I still get the issue when going from the last to the first image.

6

Yep, but it’s still not in our hands: