adobe/react-spectrum

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

Open

#5885 aperta il 15 feb 2024

Vedi su GitHub
 (1 commento) (0 reazioni) (0 assegnatari)TypeScript (1500 fork)auto 404
bughelp wanted

Metriche repository

Star
 (15.634 star)
Metriche merge PR
 (Metriche PR in attesa)

Descrizione

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

Guida contributor

Direzione di ricerca
Indaga la logica scrollIntoView nell'hook useToolbar. Concentrati sul caso in cui un pulsante è parzialmente visibile; assicurati che l'elemento scorra completamente in vista quando viene focalizzato. Usa il CodeSandbox fornito per riprodurre il problema e tracciare il percorso del gestore.
Tech stack
reacttypescript
Dominio
frontend
Tipo issue
Bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
Mezza giornata
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
ReactReact Ariakeyboard navigation
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
70