SelectionIndicator jumps when viewport scrolled down in Chrome
- Dominant language
- TypeScript
- Stars
- 15.9k
- Forks
- 1.6k
- Avg merge
- 3d 9m
- Merged PRs (30d)
- 59
Description
### Provide a general summary of the issue here
SelectionIndicator jumps when viewport scrolled down in Chrome, note that this works in both Firefox and Safari
https://github.com/user-attachments/assets/e9dd5bd2-ba58-4a36-a1d1-51d3ba295d71
### 🤔 Expected Behavior?
SelectionIndicator transitions as expected like in any other case
### 😯 Current Behavior
SelectionIndicator jumps when viewport scrolled down in Chrome
### 🖥️ Steps to Reproduce
https://stackblitz.com/edit/vitejs-vite-rzswayxc?file=index.html
Then scroll down like in the video and select another tab
### Version
1.17.0
### What browsers are you seeing the problem on?
Chrome 147.0.7727.56
### What operating system are you using?
MacOS
### 🧢 Your Company/Team
Motion
Contributor guide
Research direction
Reproduce the issue using the linked StackBlitz example in Chrome 147 on macOS: scroll down, then select another tab and compare the indicator with Firefox or Safari. Trace the SelectionIndicator behavior involved in the transition and verify that it remains stable after scrolling while preserving the expected transition.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 48/100