Vertical Mobile Scroll Bar Post / Date Text

Pretty much all topics on a board I admin are over 5k, so there’s no way to apply a blanket generalisation. In addition, there are lots of different mobile screen sizes, so the minimum movement varies.

Some people have reasons for finding specific posts depending on what that forum’s purpose is - I can’t imagine it, but it was an established function already in Discourse.

Clicking in a space or on specific text is a smart idea I think, the initial overlay just needs to be smaller (as above - skinny/horizontal) though so that during scrolling enough content is visible.

1 Like

Why not draw a full width horizontal bar which is used for scrolling? Indeed the current implementation here at Meta has certain design issues:

  • It is not obvious that the thing is scrollable/slideable
  • Aligned too much to the left. Becomes more of an issue with 5,5"+ displays and/or smaller hands.
  • Nothing suggest that you can slide it from the counter/date element.
  • I am also somewhat concerned how this works with threads that have thousands of posts.
1 Like

I think the small-height horizontal solution that @erlend_sh offered above is great.

Some kind of specific post finder/number enter could be triggered by a click above the post number or something like that.

2 Likes

Can we try latest on meta? How does it feel?

2 Likes

Looks good! I do quite like it on the right side much more. Also really liking the larger slider. Jump to post handles as well as I could expect. :slight_smile:

Some polishing ideas to replace the popup input -

  • Auto-focus input on tap. It needs an extra tap on the input to bring up the keyboard for me, under Chrome on Android 6p.
  • Have an input-type=tel, (or number) for an input field for supported phone keyboards. Saves a keyboard mode change.
2 Likes

Looks really great @sam.

It incorporates both jumping and sliding really well.

I think the slider works great for a right hander (which I am), but it seems as though that ‘touchable area’ to the left of the text has gone (previously to the right of text) for a left hander to scroll and still see post number?

This one is much better than the previous implementation.

Still in transit so can’t make a video, but it totally freezes up my entire iPad safari browser if I click on the timeline, as if to skip ahead to an arbitrary position. Not saying I want that to be a feature (it should do nothing) but right now it appears a misclick in this spot causes havoc.

@sam could not repro this on iPad in portrait or landscape. Can you repro it? What are the exact steps and orientation, iOS version?

2 Likes

This doesn’t happen on my iPhone.

The problem occurrs only on my iPad:

  • iPad Air 2
  • iOS v10.1.1.
  • Both Safari and Google Chrome

I’ve tried rebooting, quitting Safari as well a “Clear History and Website Data”. It still happens every single time I click directly on the timeline, i.e. roughly this space:

Seems to be some kind of weird thing specific to a certain device. In any case, I still don’t think this should be a clickable area.

1 Like

Shouldn’t most recent version appear on right of screen?

All right does this let you repro @sam?

Still unable to repro this issue :frowning:

There has been a fair bit of pushback on this feature… but I wanted to make it clear this has been my plan all along.

Will take me a bit more to stabalize this change but it is awesome for large topics.

7 Likes

Ok my change is now on latest, try it out and let me know how it feels

7 Likes

How does this not result in a bunch of extra data requests for post content on mobile?

It is on demand and batched only requested when it is opened

2 Likes

How many additional mobile requests is this generating, though? Seems weird to have this kind of real time content pull on mobile where bandwidth / requests are expensive. What is the behavior when the network is bad or slow?

For this page 2 requests totalling approx 7k. If network is bad or slow there is no real downside it is simply not displayed, we never make parallel requests for excerpts.

3 Likes