palantir/blueprint

Unable to access focusable elements inside a Popover2 with HOVER interactionKind

Open

#5.851 aberto em 17 de jan. de 2023

Ver no GitHub
 (1 comment) (0 reactions) (0 assignees)TypeScript (2.167 forks)batch import
Domain: accessibilityP2Package: popover2Type: enhancementhelp wanted

Métricas do repositório

Stars
 (20.263 stars)
Métricas de merge de PR
 (Mesclagem média 43d 10h) (27 fundiu PRs em 30d)

Description

Code Sandbox

"Hover" button in "Interactions" example

Steps to reproduce

Tab to open hover button

Actual behavior

Unable to access menu items with keyboard navigation

Expected behavior

Should be able to tab to menu items without popover closing, or otherwise able to access menu items with keyboard navigation

Possible solution

Is the user expected to implement custom open control if accessibility is required? It would be nice to get this out of the box!

Note that CLICK interactionKind works as expected, perhaps if TAB key opens the popover it acts more like how the click action currently works.

Guia do colaborador

Direção de pesquisa
Investigue o código fonte do componente Popover2, especificamente os manipuladores de interação para HOVER interactionKind. O objetivo é garantir que, quando o popover for aberto via hover e o usuário pressionar Tab, o foco se mova para o primeiro elemento focalizável dentro do popover sem fechá lo. Consulte a implementação existente de CLICK interactionKind para um padrão. Os arquivos chave provavelmente incluem o componente Popover2 e sua lógica de gerenciamento de interação.
Pilha de tecnologia
typescriptreact
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.
1-3 horas
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
ReactTypeScriptaccessibility
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
65