TanStack
Column resizing on scaled transformation
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
https://user-images.githubusercontent.com/12672541/201047591-0204d42b-06ac-401f-8e4f-a73e1028e9e5.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
- [X] I agree to follow this project's Code of Conduct
- [X] 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.
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)
