search

bvaughn / react-window

React components for efficiently rendering large lists and tabular data
https://react-window.now.sh/
MIT License
15.72k stars 782 forks source link

Momentum scroll is not available when asymmetric radius has been set on chrome 102 #646

Closed fioleto closed 2 years ago

fioleto commented 2 years ago

About

Since chrome version 102, Momentum scroll is not available.

Reproduce

Set asymmetric border-radius css property to outer box. CodeSandbox

Environment

OS: macOS Monterey at least Browser: google chrome (also electron 19)

Chrome version 101

Chrome_101

Chrome version 102

Chrome_102

Thanks in advance.

markogresak commented 2 years ago

There is a bug report in Chromium for this issue, seems like it’s not limited to react-window

https://bugs.chromium.org/p/chromium/issues/detail?id=1330045

alexandrzavalii commented 2 years ago

Managed to replicate the issue.

https://codesandbox.io/s/immutable-sunset-8vyj53?file=/index.js

henrify commented 2 years ago

Thanks @markogresak, I searched for a couple of hours what was going on before your link finally led to the root cause.

Also, our app does not use react-window, so you seem to be right.

fioleto commented 2 years ago

@markogresak @alexandrzavalii

Thank you for identifying the root causes of the issue. In this case, I have no options left without waiting for a solve chromium bug.

This issue does not cause by the react-window. Therefore I am thinking of closing this issue in a day, If there is no inconvenience.

Thank you for taking your time.