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

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

Abierto
#229 2 comentarios 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
5/5
Tiempo estimado
Más de una semana
Aptitud para principiantes
25/100
Tipo de issue
Error
Claridad
Necesita aclaración
Estado de actividad
Estancado
Stack tecnológico
javascript
Área
frontend

Línea de trabajo

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.

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

Descripción

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
Lenguaje dominante
HTML
Estrellas
134
Forks
10
Métricas de merge de PR
Sin PR fusionados en 30 d

Guía de contribución

No hay ninguna guía de contribución indexada para este repositorio

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 scripting/Scripting-News

Todos los issues de scripting/Scripting-News

Issues similares

Más issues de Web Dev

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.