A scrolling error occurs when "transform: scale(0.5)" is applied to the parent element (outer).

[hmmhmmhm]

Bug Report

Describe the Bug

I get a scrolling error when transform: scale(0.5) is applied to the parent element (outer). The movement is unnatural and points in a completely different direction.

How to Reproduce

Steps to reproduce the behavior, please provide code snippets or a repository:

1. Go to https://codesandbox.io/s/rcv-stick-to-bottom-cxsgw?fontsize=14&hidenavigation=1&theme=dark
2. Open Devtool, Apply transform: scale(0.5) to the elements with class="outer".
3. Try hitting Stick to Bottom or scrolling up and down a lot quickly.

CodeSandbox Link

https://codesandbox.io/s/rcv-stick-to-bottom-cxsgw?fontsize=14&hidenavigation=1&theme=dark

Expected Behavior

When I hit the Paste to Bottom button, it should stick to the bottom, but it doesn't, and if I scroll down quickly, it shakes violently.

Screenshots

KakaoTalk_Video_2023-05-03-16-24-13.mp4

Your Environment

• Device: MacBook Pro
• OS: mac OS
• Browser: Chrome
• Version: 112.0.5615.137