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

[Bug]: View-transition bug when switching algorithm mode #8

Open
Ijee opened this issue Aug 9, 2024 · 1 comment
Open

[Bug]: View-transition bug when switching algorithm mode #8

Ijee opened this issue Aug 9, 2024 · 1 comment
Labels
bug Bug help wanted Can be worked on by anyone that wants to UX UX Related enhancement / bug

Comments

@Ijee
Copy link
Owner

Ijee commented Aug 9, 2024

What happened?

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

  1. Open the website
  2. Switch the algorithm mode from maze <-> pathfinding

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

@Ijee Ijee added bug Bug help wanted Can be worked on by anyone that wants to UX UX Related enhancement / bug labels Aug 9, 2024
@jdegand
Copy link

jdegand commented Aug 11, 2024

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Bug help wanted Can be worked on by anyone that wants to UX UX Related enhancement / bug
Projects
None yet
Development

No branches or pull requests

2 participants