adobe / adobe/react-spectrum

useToolbar: If a button is partially visible, it doesn't scroll into view

Open
#5,885 1 comment 0 reactions 0 assignees View on GitHub
bug help wanted
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

If a button is partially visible and it's the last button in toolbar, it doesn't scroll into view when focused using keyboard.

Screenshot 2024-02-16 at 12 58 17 AM

### 🤔 Expected Behavior?

Any trigger item should come fully into view when focused

### 😯 Current Behavior

Focused button doesn't come fully into view

### 🖥️ Steps to Reproduce

https://codesandbox.io/p/sandbox/vigorous-glade-zctnr5?file=%2Fsrc%2FApp.js%3A19%2C9

The last button never comes in view fully when focus is moved using keyboard.

### Version

3.30.0

### What browsers are you seeing the problem on?

Chrome

### What operating system are you using?

MacOS

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.