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.

Sign up for GitHub

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

Jump to bottom

Scenejs + react-moveable + CSS transform-origin + transform (with translate and rotate) #91

Open
rm-vt opened this issue Jan 27, 2024 · 0 comments
Open

Scenejs + react-moveable + CSS transform-origin + transform (with translate and rotate) #91

rm-vt opened this issue Jan 27, 2024 · 0 comments

Comments

@rm-vt
Copy link

rm-vt commented Jan 27, 2024 •
edited
Loading

Environments

"react": "^18.2.0",
"scenejs": "^1.10.3",
"react-moveable": "^0.56.0"

Description

In the below clip,
I am not able to find what is causing the target 1 element to move away from its origin - specifically between 2 to 3 to 4 keyframes.

Is this anything to do with transform property's order of precedence between translate, rotate, transform-origin?

You can see the exact values from the dev tools for your reference.

Thanks @daybrush

scenejs+react-moveable-css-transform-origin-issue.webm
@rm-vt rm-vt changed the title Scenejs + react-moveable + CSS transform-origin, transform (with translate and rotate) Scenejs + react-moveable + CSS transform-origin + transform (with translate and rotate) Jan 30, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@rm-vt