fix: wheel handler set passive false

[xyuanbuilds]

List.js:248
[Violation] Added non-passive event listener to a scroll-blocking 'wheel' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952

when use preventDefault in wheel event handler, should set passive false

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/react-component/virtual-list/h2dfum9mm
✅ Preview: https://virtual-list-git-patch-1.react-component.vercel.app

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 100.00%. Comparing base (fe039bf) to head (d106480).
Report is 154 commits behind head on master.

Additional details and impacted files

@@            Coverage Diff            @@
##            master       #97   +/-   ##
=========================================
  Coverage   100.00%   100.00%           
=========================================
  Files           15        15           
  Lines          470       470           
  Branches        89        89           
=========================================
  Hits           470       470           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[beginnerJq]

passive 默认就是 false。

componentRef.current.addEventListener('wheel', onRawWheel, {
  passive: true,
});

我看内部使用了 event.preventDefault() ，设置为 true 就使它失效了。

Emmm...不知道有没有其他方案。

[yoyo837]

passive 默认就是 false。

componentRef.current.addEventListener('wheel', onRawWheel, {
  passive: true,
});

我看内部使用了 event.preventDefault() ，设置为 true 就使它失效了。

Emmm...不知道有没有其他方案。

passive: true 是默认值吧，如果内部想要调用event.preventDefault(), 就需要使用false, 否则一堆警告。

[beginnerJq]

passive 默认就是 false。

componentRef.current.addEventListener('wheel', onRawWheel, {
  passive: true,
});

我看内部使用了 event.preventDefault() ，设置为 true 就使它失效了。
Emmm...不知道有没有其他方案。

passive: true 是默认值吧，如果内部想要调用event.preventDefault(), 就需要使用false, 否则一堆警告。

要看是什么事件，touchstart 和 touchmove 默认的 passive 是 true。

[beginnerJq]

这警告不是由于 event.preventDefault() 呀。

相当于是 Chrome 的一个建议，非被动的（non-passive）的事件监听可能会阻塞页面响应。

[afc163]

#281