How do I add click and drag between columns on a table to reorder columns

[bu3alwa]

I made a sandbox and issue is when you add the drag button in the column it does not trigger on the column. Is this a bug? I understand this feature that is not provided but I would think I would be able to extend columns to implement my own features.

https://codesandbox.io/p/devbox/laughing-mirzakhani-25fyt7

[snowystinger]

I think you need to make the codesandbox public?

[snowystinger]

It looks like this usePress is the culprit https://github.com/adobe/react-spectrum/blob/main/packages/%40react-aria/table/src/useTableColumnHeader.ts#L52
It calls some preventDefaults/stopPropagations which are likely interferring.

I have a vague memory of not applying the returned value from usePress when it should be disabled, but, that caused a different problem. Someone will have to try that out and see if it causes any issues.

Either way, I think this can be regarded as a bug.

[snowystinger]

I've opened an issue #6195

[bu3alwa]

Thanks Ill track that issue

[bri-fox]

Did you get this working @bu3alwa

[bu3alwa]

@bri-fox seems its a bug so track #6195