TableView scroll glitch when overflowMode="wrap"

[ljw222]

Provide a general summary of the issue here

When using TableView with overflowMode="wrap" and async list for pagination there is a scroll bar glitch where you are unable to scroll to the bottom of the list (it will bounce back to the top of the list).

🤔 Expected Behavior?

The scroll bar should work smoothly like when overflowMode="truncate", or when overflowMode="wrap" but not text needs to be wrapped so the rows are all the same height

😯 Current Behavior

This issue for our specific use case with a custom table component is reproduced in this sandbox: https://codesandbox.io/p/sandbox/nostalgic-grass-hz7pgt but a more simple example is here: https://codesandbox.io/p/sandbox/lucid-parm-rhyz5n

💁 Possible Solution

seems like there is some virtualizer issue

🔦 Context

No response

🖥️ Steps to Reproduce

1. Create TableView component with overflowMode="wrap"
2. Populate row data using async list calling api with pagination (with data that actually needs to be wrapped otherwise the issue won't be able to be reproduced)
3. Scroll to bottom of list, scrolling faster usually emphasizes the issue

Version

3.41.0

What browsers are you seeing the problem on?

Chrome

If other, please specify.

No response

What operating system are you using?

Mac

🧢 Your Company/Team

Adobe - Finance

🕷 Tracking Issue

No response

[LFDanLu]

Just found that #8132 is a dupe of this and has a PR attached with a potential fix. If you would like to apply it locally via patch-package and test it out feel free! Closing this out in favor of that ticket