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] Wrong starting position for layout transitions and sticky position #2941

Open
Thanaen opened this issue Dec 12, 2024 · 0 comments
Open
Labels
bug Something isn't working

Comments

@Thanaen
Copy link

Thanaen commented Dec 12, 2024

1. Read the FAQs 👇

2. Describe the bug

Layout transitions don't run smoothly when a sticky element with a top position is used.

3. IMPORTANT: Provide a CodeSandbox reproduction of the bug

https://codesandbox.io/p/sandbox/condescending-christian-nmyyrd?file=%2Fsrc%2FApp.tsx%3A14%2C34
or
https://stackblitz.com/edit/vitejs-vite-6k3xbq4j?file=package.json,src%2FApp.tsx,tailwind.config.js,src%2Findex.css&terminal=dev

4. Steps to reproduce

Click on the buttons (1 then 2 then 3 then 4 then 3 then 2 then 1)
See that the transition starting point is incorrect

5. Expected behavior

The transition from initial to final point is seamless

6. Video or screenshots

layout-transition-issue

7. Environment details

OS: Windows 10 / Windows 11
Browsers: Edge / Brave / Chrome (all chromium-based), untested on Firefox for now

@Thanaen Thanaen added the bug Something isn't working label Dec 12, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

1 participant