Adding / Removing Slides on a LOOPING carousel is buggy
Author: patrick-mcdougleCreated Mar 12, 2026Updated Mar 16, 2026
Labelsbug
Describe the bug
When adding slides to a looping sl-carousel dynamically, the clone slides present challenges.
To Reproduce
Steps to reproduce the behavior:
- Go to the sl-carousel docs page
- Scroll to the add/remove example
- Modify the dom in your browser to add the loop attribute to the sl-carousel
- Try to use the example to add/remove slides.
Additional information
This could probably be solved by having the clone slides live outside the slot.
Pseudocode alert!
render() {
...
if (loop) {
<sl-carousel-clone></sl-carousel-clone>
}
<slot></slot>
if (loop) {
<sl-carousel-clone></sl-carousel-clone>
}
...
}Source: shoelace-style/shoelace