primefaces / primevue

Next Generation Vue UI Component Library
https://primevue.org
MIT License
10.48k stars 1.22k forks source link

Carousel: is not updated, when list of items changes #4328

Open FranzBuehl opened 1 year ago

FranzBuehl commented 1 year ago

Describe the bug

If I have a carousel with 8 elements and 3 elements per page, the 6th element is displayed as the last element on page 1 and the first element on page 2. When I update the list of elements so that I now have 9 elements, the carousel has the 9th element in the DOM but does not display it.

image image image

Reproducer

https://stackblitz.com/edit/ejazvs?file=src%2FApp.vue

PrimeVue version

3.32.2

Vue version

3.x

Language

TypeScript

Build / Runtime

Vite

Browser(s)

Chrome 116.0.5845.97

Steps to reproduce the behavior

  1. Open the Stackblitz example
  2. Go to Page 2
  3. Click the Button to add a 9th item
  4. See that the 9th item is not displayed, but added to the DOM

Expected behavior

When I update the list of items, all of them are displayed in the Carousel.

Rakasch commented 1 year ago

Notice this only happens if there are three items visible. Maybe its updating correctly if the number of pages changes.

cuberinooo commented 10 months ago

any news on this ?