Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

DataTable: Reorderable Column Drop Effect Incorrect When Hovering Table Body #6634

Open
ssode opened this issue May 16, 2024 · 0 comments
Open
Labels
Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible

Comments

@ssode
Copy link

ssode commented May 16, 2024

Describe the bug

When you have reorderableColumns enabled, dragging one of the column headers over the rows in the table body shows the 'move' drop effect/icon instead of the disabled icon that shows when you do something like drag the header outside of the table entirely.

reorder-columns

Reproducer

https://stackblitz.com/edit/arlygc?file=src%2FApp.tsx

PrimeReact version

latest

React version

18.x

Language

TypeScript

Build / Runtime

Vite

Browser(s)

No response

Steps to reproduce the behavior

No response

Expected behavior

The same disabled icon should be shown when dragging the header over table rows as it can't be dropped there.

@ssode ssode added the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label May 16, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible
Projects
None yet
Development

No branches or pull requests

1 participant