Problem to solve
Currently, users can navigate the v-carousel using touch swipe gestures, navigation arrows, or pagination dots. However, desktop users frequently rely on their mouse wheel or trackpad scroll to navigate through horizontal galleries or sliding content.
When a desktop user hovers over a large carousel and instinctively scrolls their mouse wheel, nothing happens (or the whole page scrolls, depending on the layout). This breaks the expected user experience, especially in full-screen image galleries, presentations, or horizontal content sliders where mouse-wheel navigation is an industry standard. While touch devices are well-supported, desktop interaction feels incomplete without wheel support.
Proposed solution
I propose adding a native wheel event listener to the v-carousel (or the underlying v-window component) to allow users to scroll through items.
Problem to solve
Currently, users can navigate the v-carousel using touch swipe gestures, navigation arrows, or pagination dots. However, desktop users frequently rely on their mouse wheel or trackpad scroll to navigate through horizontal galleries or sliding content.
When a desktop user hovers over a large carousel and instinctively scrolls their mouse wheel, nothing happens (or the whole page scrolls, depending on the layout). This breaks the expected user experience, especially in full-screen image galleries, presentations, or horizontal content sliders where mouse-wheel navigation is an industry standard. While touch devices are well-supported, desktop interaction feels incomplete without wheel support.
Proposed solution
I propose adding a native wheel event listener to the v-carousel (or the underlying v-window component) to allow users to scroll through items.