vuetifyjs / vuetifyjs/vuetify

[Feature Request] Add mouse wheel gesture support for navigation in v-carousel / v-window

Open
#22,893 2 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

C: VCarousel good first issue T: feature
Dominant language
TypeScript
Stars
41k
Forks
7.1k
Avg merge
1d 21h
Merged PRs (30d)
11

Description

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.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by tracing the v-carousel and v-window components and their existing touch-swipe navigation. Determine the intended wheel and trackpad behavior, including how navigation should interact with normal page scrolling, then verify the result with the relevant component tests or add coverage if none is identified.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Quiet
Clarity
Needs clarification
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.