adobe / adobe/react-spectrum

SelectionIndicator jumps when viewport scrolled down in Chrome

Open
#9,931 2 comments 1 reaction 0 assignees View on GitHub
bug needs investigation Tabs
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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.