تنفيذ متناسق لعنصر شريط أدوات composer overflow

Continuing the discussion from Make the composer menu scroll horizontally on desktop as it does on mobile:

I am finding the current “scroll to see more toolbar items” implementation on mobile problematic visually because it touches the side and also offers no visual affordance to denote it is scrollable.

I wonder if we should just have one consistent implementation where items move to row number two if too narrow

I understand the complaint about the “lonely” +.

But I wonder if we solve it in a different way, maybe we always overflow 2 items minimum (group last 2). That way it would be “Gif, +” and feel less lonely.

On mobile we already have a button to hide the toolbar if it takes up too much space.


An alternative here is… as stuff gets too narrow, shift them behind the + by a priority.

So in the screenshot above we would evict image to behind + if it gets too narrow.

5 إعجابات

If you do that I think AI helper would be more suitable candidate to be hand in the hand mate with +

Or give to user a way to choose what ever they like to show. Yeah, it would be more complicated, one settings more and propably rarely used in the real world™.

I personally prefer scrolling, we could add a better visual hint there - a right caret and/or a gradient to transparency.

The multi-line toolbar in the composer was one of the causes of a common complaint about very small devices here on Meta, it takes a lot of space from the editing area.

3 إعجابات

We have a button though to hide toolbar anyway on mobile, so there is an easy workaround

إعجاب واحد (1)

I’m pretty confident most people unfortunately don’t realize the hide toolbar option exists, and I’m not sure this will still exist with the new plans for the composer window.

Either way, I don’t think this is better than the scrollable toolbar. It’s also used in other authoring tools like Notion - they use a fade out at the scrollable sides to indicate there are more toolbar items, I think we should do something like that.

إعجابَين (2)

One potential problem is that if you’re short on screen real estate, this can make it worse.

إعجاب واحد (1)

I find something like this should be added to all cases where there’s scrollable “menu” style content - particularly noticeable in user settings/admin areas.

Something like this, would help a lot:

إعجاب واحد (1)

This feels like the nicest approach to me, we could also use reuse it on posts with the ... menu — but scrolling is certainly simpler to implement as long as we figure out how to make it obvious

Except almost every my mobile-users know and don’t use the toolbar at all. All they need is emojies/smileys and upload and those aren’t located there.

Well, amount of users of my forum isn’t that big that one could call them even minority, so that way your statement was propably true :smirking_face: