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

bug: hotkeysEnabled state is set but never checked before executing hotkeys

オープン
#425 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

評価

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

調査の方向性

tasks コンポーネントから始め、issue で説明されている hotkey 用の useEffect ハンドラーと useHotkeys の呼び出しを見つけます。mouse enter ハンドラーと mouse leave ハンドラーによって hotkeysEnabled がどのように設定されるかを確認し、hotkey がタスクテーブル上でのみ機能し、その外側では無効になることを検証します。

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

説明

enhancement frontend

Describe the bug
The hotkeysEnabled state in the tasks component is set via mouse enter/leave handlers but is never actually checked before executing hotkey actions, it means hotkeys work globally on the page regardless of mouse position.

To Reproduce
Steps to reproduce the behavior:

  1. Go to http://localhost:5173/home
  2. Hover your mouse outside the task table
  3. Press f key
  4. See that the search input still gets focused
  5. Press r key
  6. See that sync still triggers

Expected behavior

  • Hotkeys (f, p, ArrowUp, ArrowDown, Enter, etc.) should only work when the mouse is hovering over the task table, when mouse leaves the task table, hotkeys should be disabled

Root cause

  • hotkeysEnabled state is defined and set via onMouseEnter/onMouseLeave but the manual useEffect keyboard handler and all useHotkeys calls does not check hotkeysEnabled before executing

Desktop (please complete the following information):

  • OS: macOS
  • Browser: Chrome
  • Version: Latest

video:

https://github.com/user-attachments/assets/6eeacafc-9ed0-421a-9f52-3985c2f6711a

  • I want to work on this issue.
主要言語
TypeScript
スター
37
フォーク
76
平均マージ
3日 7時間
マージ済み PR(30日)
2

環境構築

はじめの一歩

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

CCExtractor/ccsync のほかの issue

CCExtractor/ccsync の issue をすべて見る

似ている issue

TypeScript の issue をもっと見る

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

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