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

7. Environment details

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