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

Little Outliner - body text moves as 'breadcrumb' path wraps to extra lines

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

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

評価

難易度
5/5
見積もり時間
1週間以上
初心者へのやさしさ
25/100
issue の種類
バグ
明瞭さ
説明が足りない
活発さ
停滞
技術スタック
javascript
領域
frontend

調査の方向性

No file, test, or entry point is identified. Start by reproducing the attached GIF behavior in Little Outliner while navigating with the mouse, then trace the outline display library and browser wrapping behavior; done means the body text no longer jumps unpredictably as the breadcrumb path changes.

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

説明

When navigating an outline with the mouse, it can be hard to consistently target the correct level on the first click since the body text moves to accommodate the changing size of the 'breadcrumb' header.

See attached animated gif (mirror) for an example:
ezgif-5-49adf87800

If you are several pages down in the outline, the cause is not even necessarily obvious to the user; they just notice that their text keeps jumping around while they navigate.

This is likely not specific to LO, but to the underlining outline display library (of which I can't remember the name at this moment)


I'm not sure what the best fix would be (and I have no idea how much information JS has about how the browser is wrapping lines of text).

Brainstorming:

  1. If the outline position changed due to the mouse and it is necessary to change the number of lines of the heading, delay updating the heading for some period of time (e.g. 0.5-3 seconds)
  2. Always reserve at least 2(?) lines of space for the heading as long as the window is at least a certain size
  3. Truncate to a single line
主要言語
HTML
スター
134
フォーク
10
PR マージ指標
30日以内にマージされた PR はありません

コントリビューションガイド

このリポジトリのコントリビューションガイドは索引されていません

はじめの一歩

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

scripting/Scripting-News のほかの issue

scripting/Scripting-News の issue をすべて見る

似ている issue

Web Dev の issue をもっと見る

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

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