Microsoft/react-native-windows

Scroll wheel behavior differs significantly in new architecture (Windows App SDK) vs WinUI 3 Gallery app

Open

#14653 opened on May 8, 2025

View on GitHub
 (1 comment) (2 reactions) (1 assignee)C# (6,114 stars) (544 forks)batch import
Area: ScrollViewNew ArchitectureParity: WindowsWorkstream: Component Paritybuggood first issue

Description

Discussed in https://github.com/microsoft/react-native-windows/discussions/14642

Originally posted by Ferry-200 May 6, 2025 version:

{
  "dependencies": {
    "react": "19.0.0",
    "react-native": "0.78.0",
    "react-native-windows": "^0.78.0"
  }
}

I'm testing the React Native for Windows app using the new architecture (Windows App SDK). I noticed that the scroll wheel behavior is significantly different.

In the new architecture (Windows App SDK), scrolling with a mouse wheel feels much less responsive. The number of lines scrolled per wheel notch is considerably smaller compared to both the React Native Windows Gallery app and the official WinUI 3 Gallery app. As a result, scrolling through content feels sluggish and requires much more effort from the user.

This issue makes basic interaction in list views and scrollable content frustrating.

Any helps? Thanks!

https://github.com/user-attachments/assets/42702919-35e0-48ab-9ccc-7c98f8060b8e

Contributor guide

Tech stack
cppreactjavascript
Domain
frontenddesktopperformance
Issue type
bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
4
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-2 days
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
blocked
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
React Native Windows setupC++ development environment
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
25
Research direction
Investigate the scroll wheel handling differences between the new architecture (Windows App SDK) and the old. Look at the ScrollViewer implementation in react native windows, focusing on the delta multiplier or touch/mouse wheel event handling. The issue was originally discussed in #14642, which may contain additional context. Pay attention to the ScrollViewer control in the XAML layer and how it translates wheel events to scroll offsets.