Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

Row checkbox selection tick is invisible in Landing Page Theme section

Abierto Apto para principiantes
  • ¿Algo no está bien?
#8,545 0 comentarios 0 reacciones 0 asignados Ver en GitHub

@Prakash1185 ya está trabajando en esto.

Desde el 2/6/2026.

  • #8546 de @Prakash1185 — abierto

Evaluación

Dificultad
2/5
Tiempo estimado
1-3 horas
Aptitud para principiantes
68/100
Tipo de issue
Error
Claridad
Bastante claro
Estado de actividad
Tranquilo
Stack tecnológico
css, react
Área
frontend

Línea de trabajo

Comienza en la página de inicio de la documentación de PrimeReact e inspecciona el estilo de los checkboxes de las filas y del encabezado de DataTable en la sección Themes. Reproduce la selección de filas individuales y con Select All, y verifica después que el estado marcado use las variables --primary-color y --primary-color-text del tema con una marca claramente visible.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

Describe the bug

On the PrimeReact landing page/homepage, the DataTable in the "Themes" section has selectable rows. However, when clicking on a row's checkbox to select it, the active highlight color and the "tick" icon are not visible. The checkbox appears blank even though the row becomes selected.

Reproducer

No response

System Information
System:
    OS: Windows 11 10.0.26200
    CPU: (12) x64 12th Gen Intel(R) Core(TM) i5-12450H
    Memory: 4.23 GB / 15.65 GB
  Binaries:
    Node: 22.22.0 - C:\nvm4w\nodejs\node.EXE
    Yarn: 4.10.3 - C:\nvm4w\nodejs\yarn.CMD
    npm: 11.12.0 - C:\Users\pgcet\AppData\Roaming\npm\npm.CMD
    bun: 1.3.11 - C:\Users\pgcet\AppData\Local\Microsoft\WinGet\Packages\Oven-sh.Bun_Microsoft.Winget.Source_8wekyb3d8bbwe\bun-windows-x64\bun.EXE
  Browsers:
    Chrome: 148.0.7778.179
    Edge: Chromium (140.0.3485.54)
    Internet Explorer: 11.0.26100.8115
Steps to reproduce the behavior
  1. Go to the PrimeReact documentation homepage (/).
  2. Scroll down to the "Themes" section where the large DataTable is displayed.
  3. Click on any checkbox in the left column (or click on the "Select All" checkbox in the header).
  4. Notice that the checkbox checkmark is not clearly visible.
Expected behavior

The checkbox should be filled with the theme's primary color (--primary-color) and the check icon should be clearly visible (--primary-color-text), completely matching the theme.

Lenguaje dominante
CSS
Estrellas
8.3k
Forks
1.2k
Sin PR fusionados en 30 d

Preparar el entorno

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de primefaces/primereact

Todos los issues de primefaces/primereact

Issues similares

Más issues de Web Dev

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.