table
table copied to clipboard
TanStack
[v8] Column resizing doesn't work in mobile browsers
Describe the bug
The column resizing handler doesn't appear to work with mobile browsers.
Your minimal, reproducible example
https://mpjrpm.sse.codesandbox.io/
Steps to reproduce
- Visit the demo https://tanstack.com/table/v8/docs/examples/react/column-sizing on a mobile device.
- Try to resize any column.
Expected behavior
The columns should resize just as they do in desktop mode.
How often does this bug happen?
No response
Screenshots or Videos
https://user-images.githubusercontent.com/3119646/185305392-3cea6f18-300e-48b1-ad83-89d601192bc7.mp4
Platform
- Chrome 104 on Android
- Safari on iOS 15
- Any mobile browser which emits touch events
- Using the devtools of any desktop browser which allows you to simulate mobile mode, e.g. https://developer.chrome.com/docs/devtools/device-mode/
react-table version
8.5.11
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.
