search

scripting / Scripting-News

I'm starting to use GitHub for work on my blog. Why not? It's got good communication and collaboration tools. Why not hook it up to a blog?
121 stars 10 forks source link

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

Open jgrisham opened 2 years ago

jgrisham commented 2 years ago

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
scripting commented 2 years ago

here's the best advice.

  1. close some tabs.

  2. make the window bigger.

btw, check out http://drummer.scripting.com/ -- it's been out since October, it's the next version of LO2 basically.

jgrisham commented 1 year ago

Haha... okay, so I just re-read your advice, 20 months later... after all of this time playing with LO2 / Drummer, I didn't realize tabs could be closed and then re-opened without manually remembering their URL!

As it turns out, this still happens in Drummer (as of v2.1.0)... it's actually not the tabs, but rather the 'breadcrumb' line wrapping onto more than one line. This can happen even on wide windows if a part of the outline is selected that is many levels deep. _(It's more likely to be seen on narrow phone screens,

Example with eleven levels of depth:

Universe: Ours > Galaxy: Milky Way > Sector / Arm: Orion > System: Sol > Planet: Earth > Continent: Asia > Country: China > City: Beijing > District: Xicheng > Street: Xidan N St. > Number: 131

The 'jumping' seems mostly suppressed if the outline is so long that the 'breadcrumb bar' is out of the viewable area of the window, but it still does occur _(especially when switching between lines belonging to different top-level outline members)_.