Render the listbox whenever the Select component is rendered
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 2/5
- Tiempo estimado
- 1-3 horas
- Aptitud para principiantes
- 35/100
- Tipo de issue
- Nueva funcionalidad
- Claridad
- Bien especificado
- Estado de actividad
- Estancado
- Stack tecnológico
- react, typescript
- Área
- frontend
Línea de trabajo
Comienza con BaseSelect.tsx y el PR #804 propuesto, centrándote en SelectTrigger y su opción forceRender={true}. El trabajo estará terminado cuando el listbox pueda renderizarse desde el renderizado inicial de Select y las auditorías de accesibilidad ya no encuentren una referencia aria-controls a un elemento inexistente.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
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!
- Lenguaje dominante
- TypeScript
- Estrellas
- 939
- Forks
- 480
- Merge medio
- 3 h 37 min
- PR fusionados (30 d)
- 1
Preparar el entorno
Este proyecto no incluye contenedor de desarrollo, Dockerfile ni guía de contribución, así que la configuración corre por tu cuenta: empieza por su README y consulta nuestra guía para la primera contribución para los pasos generales.
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Más de react-component/select
-
Dificultad 4/5 3-5 días Aptitud para principiantes 35/100
react-component/select#1216 ·
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 45/100
react-component/select#1159 ·
-
a11y 问题Abierto
Dificultad 3/5 1-2 días Aptitud para principiantes 35/100
react-component/select#1087 · 1 reacción ·
-
showSearch 默认值是 false 把Abierto
Dificultad 3/5 1-2 días Aptitud para principiantes 25/100
react-component/select#1086 ·
-
Dificultad 3/5 1-2 días Aptitud para principiantes 30/100
react-component/select#1082 · 1 comentario ·
Todos los issues de react-component/select
Issues similares
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 88/100
-
keytrace logo svg?Abierto
Dificultad 2/5 1-3 horas Aptitud para principiantes 65/100
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 84/100
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 82/100
HigherOrderCO/Bend#1294 ·
-
Price: 75 USD Priority: 2 (Medium) Time: <1 Hour
Dificultad 2/5 1-3 horas Aptitud para principiantes 82/100
Los mantenedores suelen responder en 1 día