\n\n\n\nThanks in advance!","url":"/x/issues/18fqa4l0wfmc/issue-with-splide-slider-unusual-behavior-on-first","author":{"@type":"Person","name":"Gill S.","url":"/user/a5fcde4f-0277-4dcb-979d-eed804d2a6e2"},"datePublished":"2025-06-12T10:48:34.831621+00:00","dateModified":"2025-06-13T15:01:02.44498+00:00","interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0},"comment":[{"@type":"Comment","text":"Gill S. isn't there some sort of \"re-initialize slider\" function that you may need to add somewhere? It just sounds to me like the slider is not aware of how many sliders there are until it has had a chance to cycle - so if you force it to understand \"Initialize it\" - then maybe it would work as expected?\n\nWill need a read-only link in order to better help though.","author":{"@type":"Person","name":"Matt J.","url":"/user/11a88c24-8014-4636-87bf-5b00473e35ac"},"datePublished":"2025-06-13T15:00:57.805048+00:00","dateModified":"2025-06-13T15:00:59.872627+00:00","interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0}},{"@type":"Comment","text":"Something inside of here might be what I'm thinking of:\nhttps://splidejs.com/guides/events/","author":{"@type":"Person","name":"Matt J.","url":"/user/11a88c24-8014-4636-87bf-5b00473e35ac"},"datePublished":"2025-06-13T15:01:02.44498+00:00","dateModified":"2025-06-13T15:01:04.487871+00:00","interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0}}]}
Issue with Splide Slider: Unusual Behavior on First Click | Relume Community
Are there any advanced Splide users here? I’m facing an issue with a Splide slider that pulls content from a collection. Each image has a unique width, and I’m using custom arrows + the slider is draggable.
The problem is that when I click on the right arrow to go to the next slide, it cycles through the entire slider the first time. After that, if I click on it again, everything works as expected.
You can check out the slider here:
https://www.la-sensa.be/en/events/maroua-olivier
Code i have used:
<script src="https://cdn.jsdelivr.net/npm/@splidejs/splide@4.0.7/dist/js/splide.min.js"></script><script> var splide = new Splide( '.splide', { autoWidth: true, drag: 'free', speed: 3000, type: 'loop', pagination: false } ); splide.mount();</script>
Thanks in advance!
Gill S. isn't there some sort of "re-initialize slider" function that you may need to add somewhere? It just sounds to me like the slider is not aware of how many sliders there are until it has had a chance to cycle - so if you force it to understand "Initialize it" - then maybe it would work as expected?
Will need a read-only link in order to better help though.
