Hacktoberfest 2026: as issues que os mantenedores marcaram para outubro, abertas e boas para iniciantes. Ver issues do Hacktoberfest

[Bug] Children with aria role="tab" cause parent tabs to reset

Aberta
#345 3 comentários 2 reações 0 responsáveis Ver no GitHub

Ninguém assumiu esta issue ainda.

Avaliação

Dificuldade
3/5
Tempo estimado
1-2 dias
Facilidade para iniciantes
25/100
Tipo de issue
Bug
Clareza
Precisa de esclarecimento
Status de atividade
Estagnada
Stack de tecnologia
javascript, react

Direção de pesquisa

Comece pela reprodução vinculada do CodeSandbox e compare como o react-tabs lida com as interações do accordion quando os elementos usam funções ARIA relacionadas a tab. Rastreie o caminho do evento desde um clique no accordion até o componente tabs pai. A tarefa estará concluída quando os cliques no accordion não redefinirem mais as tabs pai, enquanto a interação normal com as tabs permanecer inalterada.

Escrita pelo modelo de indexação a partir do texto da issue.

Descrição

Simple Reproduction here https://codesandbox.io/s/crimson-sun-wrp0w

I was trying to use rc-collapse which is an accessible collapse component, when you have the accordion mode enabled then it correctly sets the components to have the aria-roles to tablist/tab/tabpanel unfortunately this causes the react-tabs component to think that clicks to open the accordion are a trigger for the tabs.

Linguagem predominante
JavaScript
Estrelas
3.1k
Forks
455
Merge médio
5h 9min
PRs com merge (30d)
2

Preparar o ambiente

Este projeto não oferece contêiner de desenvolvimento, Dockerfile nem guia de contribuição, então a configuração fica por sua conta: comece pelo README e veja nosso guia da primeira contribuição para os passos gerais.

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Mais de reactjs/react-tabs

Todas as issues de reactjs/react-tabs

Issues semelhantes

Mais issues de JavaScript

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.