adobe/react-spectrum

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

Open

#5.885 geöffnet am 15. Feb. 2024

Auf GitHub ansehen
 (1 Kommentar) (0 Reaktionen) (0 zugewiesene Personen)TypeScript (1.500 Forks)auto 404
bughelp wanted

Repository-Metriken

Stars
 (15.634 Stars)
PR-Merge-Metriken
 (PR-Metriken ausstehend)

Beschreibung

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

Contributor Guide

Research-Richtung
Untersuche die scrollIntoView Logik im useToolbar Hook. Konzentriere dich auf den Fall, dass ein Button teilweise sichtbar ist; stelle sicher, dass das Element beim Fokussieren vollständig in den sichtbaren Bereich gescrollt wird. Verwende die bereitgestellte CodeSandbox, um das Problem zu reproduzieren und den Handler Pfad zu verfolgen.
Tech Stack
reacttypescript
Domain
frontend
Issue Type
Fehler
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
2
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
Halber Tag
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Aktiv
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
ReactReact Ariakeyboard navigation
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
70