Render the listbox whenever the Select component is rendered
Ninguém assumiu esta issue ainda.
Avaliação
- Dificuldade
- 2/5
- Tempo estimado
- 1-3 horas
- Facilidade para iniciantes
- 35/100
- Tipo de issue
- Funcionalidade
- Clareza
- Claramente especificada
- Status de atividade
- Estagnada
- Stack de tecnologia
- react, typescript
- Domínio
- frontend
Direção de pesquisa
Comece com BaseSelect.tsx e o PR #804 proposto, concentrando-se em SelectTrigger e sua opção forceRender={true}. O trabalho estará concluído quando o listbox puder ser renderizado a partir da renderização inicial de Select e as auditorias de acessibilidade não encontrarem mais uma referência aria-controls a um elemento ausente.
Escrita pelo modelo de indexação a partir do texto da issue.
Descrição
Description
As it stand right now, the listbox is added to the DOM after the user interacts with the Select component. This is a problem because it will throw an error when running accessibility tests. Listbox is rendered after the user interacts with the component, but this is not good enough.
Technical description of the issue
The problem is that the [role="combobox"] element has aria-controls attribute equal to the id of the [role="listbox"] element, but since this element does not exist when the page is first rendered, it will throw an error when running accessibility audits.
Proposed solution
Allow rendering (at least optionally) the listbox element from the start. You can do this by passing prop 'forceRender={true}' to SelectTrigger in BaseSelect.tsx, and control this with a prop received from Select. I've created a PR for this, but open to suggestion on how it can be done differently.
Thanks!
- Linguagem predominante
- TypeScript
- Estrelas
- 938
- Forks
- 482
- Merge médio
- 15h 8min
- PRs com merge (30d)
- 2
Preparar o ambiente
Ainda não verificamos os arquivos de configuração deste projeto. Comece pelo README e veja nosso guia da primeira contribuição para os passos gerais.
Primeiros passos
- Leia a issue inteira e depois o guia de contribuição do projeto.
- Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
- Faça um fork do repositório e trabalhe em uma branch.
- Abra um pull request que referencie o número da issue.
Mais de react-component/select
-
Dificuldade 4/5 3-5 dias Facilidade para iniciantes 35/100
react-component/select#1216 ·
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 45/100
react-component/select#1159 ·
-
a11y 问题Aberta
Dificuldade 3/5 1-2 dias Facilidade para iniciantes 35/100
react-component/select#1087 · 1 reação ·
-
showSearch 默认值是 false 把Aberta
Dificuldade 3/5 1-2 dias Facilidade para iniciantes 25/100
react-component/select#1086 ·
-
Dificuldade 3/5 1-2 dias Facilidade para iniciantes 30/100
react-component/select#1082 · 1 comentário ·
Todas as issues de react-component/select
Issues semelhantes
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 76/100
Mantenedores costumam responder em até 1 dia
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 76/100
rohitg00/agentmemory#1428 ·
Mantenedores costumam responder em até 1 dia
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 86/100
boxlite-ai/boxlite#1729 ·
Mantenedores costumam responder em até 1 dia
-
detectors enhancement good first issue
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 86/100
SM260845/readme-gen#1 ·
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 88/100
angular/angularfire#3774 ·
Mantenedores costumam responder em até 2 dias