You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
When switching the algorithm mode it starts a view-transition that should only do transform: translateX(...); but it appears
that it also slightly shifts down and then back up during the animation.
It only happens on certain resolutions/zoom levels. For example it appears to work as intended on 1440p and 150% zoom level.
See the videos below. I have no idea where I should start to debug this or if it's just something chrome and other browsers do e.g. anti aliasing, etc.
Reproduction steps
Open the website
Switch the algorithm mode from maze <-> pathfinding
One thing I noticed in the CSS that could be problematic was min-height: 100dvh on body. dvh can cause content to resize unpredictably. Maybe try changing this first and testing again.
What happened?
When switching the algorithm mode it starts a view-transition that should only do
transform: translateX(...);
but it appearsthat it also slightly shifts down and then back up during the animation.
It only happens on certain resolutions/zoom levels. For example it appears to work as intended on 1440p and 150% zoom level.
See the videos below. I have no idea where I should start to debug this or if it's just something chrome and other browsers do e.g. anti aliasing, etc.
Reproduction steps
Version
1.2.3
What browser did you use?
Chrome
Screenshots (optional)
How it should be on all zoom levels:
https://github.com/user-attachments/assets/b4de19fc-621e-40c8-9f41-121c572efb30
How it can look currently:
https://github.com/user-attachments/assets/9f077161-4b94-4a34-82d1-b544d1ff7014
Console Logs (optional)
No response
The text was updated successfully, but these errors were encountered: