shoelace-style/webawesome

Dynamically adding/removing carousel slides with the `loop` property is glitchy

Open

#2173 aperta il 16 mar 2026

Vedi su GitHub
 (1 commento) (0 reazioni) (0 assegnatari)TypeScript (157 fork)github user discovery
bughelp wanted

Metriche repository

Star
 (1104 star)
Metriche merge PR
 (Metriche PR in attesa)

Descrizione

Describe the bug

When adding slides to a looping sl-carousel dynamically, the clone slides present challenges.

To Reproduce

Steps to reproduce the behavior:

  1. Go to the sl-carousel docs page
  2. Scroll to the add/remove example
  3. Modify the dom in your browser to add the loop attribute to the sl-carousel
  4. 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>
  }
...
}

Guida contributor

Direzione di ricerca
Ispeziona come vengono attualmente renderizzati i cloni delle diapositive all'interno dello slot del carosello e considera di spostarli fuori dallo slot per evitare interferenze con l'aggiunta/rimozione dinamica delle diapositive.
Tech stack
typescript
Dominio
frontendweb dev
Tipo issue
Bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 ore
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
Git
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
75