Scroll wheel behavior differs significantly in new architecture (Windows App SDK) vs WinUI 3 Gallery app · Microsoft/react-native-windows#14653

(1 留言) (2 反應) (1 負責人)C# (6,114 star) (544 fork)batch import

Area: ScrollViewNew ArchitectureParity: WindowsWorkstream: Component Paritybuggood first issue

描述

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

貢獻者指南

技術棧: cppreactjavascript
領域: frontenddesktopperformance
議題類型: bug
難度: 4
預計時間: 1-2 days
活動狀態: blocked
清晰度: clear
前置要求: React Native Windows setupC++ development environment
新手友善度: 25
研究方向: 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.