adobe/react-spectrum

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

Aberta

#5.885 aberto em 15 de fev. de 2024

Ver no GitHubGuia do colaborador
 (1 comentário) (0 reação) (0 responsável)TypeScript (1.500 forks)auto 404
bughelp wanted

Métricas do repositório

Stars
 (15.634 estrelas)
Métricas de merge de PR
 (Mesclagem média 8d 2h) (80 fundiu PRs em 30d)

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

Guia do colaborador

Direção de pesquisa
Investigue a lógica scrollIntoView no hook useToolbar. Concentre se no caso em que um botão está parcialmente visível; garanta que o elemento role completamente para a visualização ao ser focado. Use o CodeSandbox fornecido para reproduzir o problema e rastrear o caminho do manipulador.
Pilha de tecnologia
reacttypescript
Domain
frontend
Tipo Issue
Bug
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
2
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
Meio dia
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Ativo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
ReactReact Ariakeyboard navigation
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
70