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

Search (Cmd+F) can't find diff content that isn't rendered yet

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

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

評価

難易度
5/5
見積もり時間
1週間以上
初心者へのやさしさ
38/100
issue の種類
機能追加
明瞭さ
おおむね明確
活発さ
活発
技術スタック
typescript
領域
frontend, search

調査の方向性

Start by locating the diff viewer's virtualization, collapsed-region handling, and underlying diff data entry point; reproduce the problem with a large changeset. Done means a UI search covers all changed files and added/removed lines, lists file paths, line numbers, and snippets, and expands and jumps to a selected match; regex and Enter/Shift+Enter navigation are described as ideal behavior.

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

説明

Problem

In large diffs, the viewer collapses unchanged regions ("N unmodified lines") and only renders the currently visible hunks (virtualization). Because of this, the browser's native find (Ctrl/Cmd+F) only searches text that is already in the DOM:

  • If the code I'm looking for sits inside a collapsed or not-yet-rendered region, find returns 0 results.
  • The match only becomes searchable after I manually scroll to that file and section.

This makes reviewing large changesets painful — I often know the exact symbol/function I want to check, but have to hunt for it by scrolling through every file.

Expected behavior

A search box in the UI that searches the underlying diff data (not the rendered DOM):

  1. Searches across all changed files and added/removed lines.
  2. Shows a result list with file path, line number, and a snippet.
  3. Clicking a result expands the collapsed region and jumps/scrolls to the exact line.
  4. Ideally supports regex and jumping between matches with Enter / Shift+Enter (like GitHub's PR review search, or less search inside git diff).
主要言語
TypeScript
スター
206
フォーク
37
PR マージ指標
30日以内にマージされた PR はありません

環境構築

このプロジェクトには開発コンテナ、Dockerfile、コントリビューションガイドがありません。まず README を読み、一般的な手順ははじめてのコントリビューションガイドを参照してください。

はじめの一歩

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

wong2/diffx のほかの issue

wong2/diffx の issue をすべて見る

似ている issue

TypeScript の issue をもっと見る

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

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