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

Incompatible with transform:scale #534

Open
RevolvingDCON opened this issue Nov 3, 2022 · 3 comments
Open

Incompatible with transform:scale #534

RevolvingDCON opened this issue Nov 3, 2022 · 3 comments

Comments

@RevolvingDCON
Copy link

Scaling the grid transform completely breaks the calculations performed by the mouse move event. Suggested fix to this would be to add a zoom / scale option to account for cases where grids need to function in scaled environments.

@niklasramo
Copy link
Collaborator

@RevolvingDCON So it seems indeed 🤔 This is actually the first time I've noticed anyone raising this issue and after testing some other libraries (https://gridstackjs.com/ and https://github.com/atlassian/react-beautiful-dnd) it seems to be a common issue.

Can't really say how big of a job this would be to fix, but I'm open to getting this fixed. Would be awesome if someone had time to make a PR for the fix or at least do some initial investigation of what might need refactoring. I believe this can be fixed without the library user needing to provide any scaling levels.

@OliverRomhagen
Copy link

OliverRomhagen commented Feb 24, 2023

Any Update on this? I had to skip using the transform:scale in my project.

@RevolvingDCON
Copy link
Author

My working solution was to scale the individual elements rather than the entire container, it was incredibly rough though. I might pick this back up again and do some proper investigation.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Development

No branches or pull requests

3 participants