[v8] Column resizing doesn't work in mobile browsers

Transfusion commented 2 years ago

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.

quynhlx commented 1 year ago

I got same issue above. @lucasra1 can you update your pull request?

lucasra1 commented 1 year ago

@quynhlx There is nothing to update. If you mean the ci checks, there is nothing i can do. The github action is broken

OmarOmeiri commented 1 year ago

There is a dependency conflict in one of the examples: react:18.2.0 from tanstack-table-example-virtualized-infinite-scrolling and react@"^16.6.3 || ^17.0.0" from react-virtual@2.10.4

It got me wondering how the example PR was merged in the first place.

TanStack / table