Hacktoberfest 2026：メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

Row checkbox selection tick is invisible in Landing Page Theme section

オープン 初心者向け
  • 何か問題がありますか？
#8,545 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る

@Prakash1185 がすでに取り組んでいます。

2026年6月2日 から。

  • #8546 @Prakash1185 による — オープン

評価

難易度
2/5
見積もり時間
1〜3時間
初心者へのやさしさ
68/100
issue の種類
バグ
明瞭さ
おおむね明確
活発さ
静か
技術スタック
css, react
領域
frontend

調査の方向性

PrimeReact のドキュメントホームページから始め、Themes セクションにある DataTable の行およびヘッダーのチェックボックスのスタイルを確認します。個々の行の選択と Select All による選択を再現し、チェック状態でテーマの --primary-color および --primary-color-text 変数が使用され、チェックマークが明確に表示されることを確認します。

索引モデルが issue の本文から書いたものです。

説明

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.

主要言語
CSS
スター
8.3k
フォーク
1.2k
30日以内にマージされた PR はありません

環境構築

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

primefaces/primereact のほかの issue

primefaces/primereact の issue をすべて見る

似ている issue

Web Dev の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。