Column resizing on scaled transformation

[konsalex]

Describe the bug

Tried the codesandbox for column resizing and tried to implemented it inside Storybook to document our table component and the column resizing use case.

Then suddenly noticed that the cursor on resizing was off and could not find the underlying issue, but noticed something.

Storybook when you zoom in a story is uses zoom CSS property, but can see that this also works with transform: scale().

Your minimal, reproducible example

https://codesandbox.io/s/table-v8-resize-bug-dvb1uk

Steps to reproduce

On the codesandbox provided, try to resize the second table.

Expected behavior

To follow the resizer bar as the first table with no scale()

How often does this bug happen?

Every time

Screenshots or Videos

CleanShot.2022-11-10.at.10.04.21.mp4

Platform

Tested with macos and Chrome + Firefox + Safari and all of them had consistent behaviour

react-table version

v8.5.22

TypeScript version

No response

Additional context

No response

Terms & Code of Conduct

• I agree to follow this project's Code of Conduct
• I understand that if my bug cannot be reliable reproduced in a debuggable environment, it will probably not be fixed and this issue may even be closed.

[dolnikmate]

Same issue here, are there any fixes for this yet? (By same i mean same behavior, but in a React Flow zoomed view, not in a simple scaled container)