We encountered an issue with the Carousel component in PrimeVue. When a user navigates to a page that includes the Carousel component on a smaller screen device (e.g., mobile phones), the items inside the carousel disappear after attempting to swipe. Only the navigation arrows and dots remain visible, but the carousel content itself is gone. This behavior significantly impacts the functionality on smaller devices.
Describe the bug
We encountered an issue with the Carousel component in PrimeVue. When a user navigates to a page that includes the Carousel component on a smaller screen device (e.g., mobile phones), the items inside the carousel disappear after attempting to swipe. Only the navigation arrows and dots remain visible, but the carousel content itself is gone. This behavior significantly impacts the functionality on smaller devices.
我們在使用 PrimeVue 的 Carousel 組件時遇到了一個問題。當用戶使用較小螢幕的設備(如手機)進入包含 Carousel 組件的頁面後,嘗試翻頁會導致輪播圖內的項目消失,僅剩下控制箭頭和導航點。這個問題在小螢幕設備上影響了輪播圖的正常使用。
Reproducer
https://stackblitz.com/edit/zsak5d?file=src%2FApp.vue
PrimeVue version
4.0.5
Vue version
3.x
Language
TypeScript
Build / Runtime
Vite
Browser(s)
Chrome, Edge, android chrome
Steps to reproduce the behavior
===================================
Expected behavior
The carousel items should be displayed correctly after swiping, and the user should be able to smoothly navigate through the slides.
輪播圖內的項目應正常顯示,用戶應能順利翻頁並看到所有內容。