search

nextstrain / auspice

Web app for visualizing pathogen evolution
https://docs.nextstrain.org/projects/auspice/
GNU Affero General Public License v3.0
292 stars 161 forks source link

Narratives with overflowing text are hard to interact with #1219

Open jameshadfield opened 4 years ago

jameshadfield commented 4 years ago

Current Behavior

Narratives in non-mobile view, which have enough text in the sidebar such that the content "overflows" are very hard to interact with. The content is visible by scrolling down, however often this scroll event goes "too far" and results in the narrative advancing to the next slide.

This is compounded by the appearance of the "down chevron" even when text on the current slide has not been scrolled into view. This might be ok if the chevron scrolled that text into view, but it always advances to the next slide!

Expected behavior

Straightforward and intuitive behavior which allows one to read all the content before advancing to the next slide. This may be achieved by having the chevron scroll overflowed text on the current slide into view, or by only showing the chevron once that text has been scrolled into view.

How to reproduce

Steps to reproduce the current behavior:

  1. Open https://nextstrain.org/narratives/ncov/sit-rep/2020-01-23?n=12
  2. Ensure your browser vertical size is small enough so that the text "overflows" -- i.e. some of the text is cut off.
  3. Try to scroll down in the sidebar to reveal the text & notice how fragile it is -- it often advances to the next slide before you wish it to

Possible solutions

(a) Remove the ability for mousewheel to advance slides (it will still scroll text into view) and make chevron only appear below / above the content of the slide. (b) Make chevron scroll text into view on the current slide, if text has overflowed. (c) Improve scrollwheel sensitivity / thresholds - this is hard as different devices trigger the events at different rates.

emmahodcroft commented 4 years ago

Thanks for making an issue for this, James! I've noticed it myself and sometimes it's caused me some issues. If it's possible to do, I'd vote for making the chevron scroll into view if text has overflowed. Scrolling with the mouse wheel is nice, so it would be good to preserve that if we can. But depends a bit how hard (b) is, I suppose!