adobe/react-spectrum

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

Open

#5 885 ouverte le 15 févr. 2024

Voir sur GitHub
 (1 commentaire) (0 réactions) (0 assignés)TypeScript (1 500 forks)auto 404
bughelp wanted

Métriques du dépôt

Stars
 (15 634 stars)
Métriques de merge PR
 (Métriques PR en attente)

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.

🤔 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

Guide contributeur

Direction de recherche
Examinez la logique scrollIntoView dans le hook useToolbar. Concentrez vous sur le cas où un bouton est partiellement visible; assurez vous que l'element defile entierement dans la vue lors de la focalisation. Utilisez le CodeSandbox fourni pour reproduire le probleme et suivre le chemin du gestionnaire.
Stack technique
reacttypescript
Domaine
frontend
Type d'issue
Bug
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
2
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
Une demi journée
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
ReactReact Ariakeyboard navigation
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
70