# Composer menu: on narrow pages, items disappear off the right side including all important OPTIONS item

**URL:** https://meta.discourse.org/t/composer-menu-on-narrow-pages-items-disappear-off-the-right-side-including-all-important-options-item/72424
**Category:** UX
**Tags:** composer
**Created:** [October 19, 2017, 5:45pm UTC](https://meta.discourse.org/t/composer-menu-on-narrow-pages-items-disappear-off-the-right-side-including-all-important-options-item/72424 "2017-10-19T17:45:00Z")
**Posts on this page:** 20
**Page:** 1

<div class="post-metadata">

### Author: ![tobiaseigen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tobiaseigen/32/539204_2.png) [@tobiaseigen](https://meta.discourse.org/u/tobiaseigen)
#### Post date: [October 19, 2017, 5:45pm UTC](https://meta.discourse.org/t/composer-menu-on-narrow-pages-items-disappear-off-the-right-side-including-all-important-options-item/72424/1 "2017-10-19T17:45:00Z")

</div>

On narrow windows, the items on the right side of the composer menu disappear and there is no indicator that they even exist until you make the window wide again. On mobile this means rotating the phone, which then (on my clunky samsung galaxy note 2) makes it impossible to edit because the keyboard and composer header takes up the whole screen.

The most important item on this menu for me is the options item, so I can get to the whisper function. Maybe an easy answer would be to move it left, say next to the upload item?

A more involved answer would be to provide an indicator that there are hidden items off to the right and some sort of horizontal scrolling or pulldown to reveal the hidden items. It could look like the options popup.

I do have the [formatting toolbar plugin](https://meta.discourse.org/t/formatting-toolbar/40649) installed, which pushes the options item all the way to the right so it’s the first to get cut off on narrower windows. @Steven maybe you could contemplate having your formatting items display to the right of the options item? Or have your formatting items display in a popup like the options?

Screenshots - this post on meta with narrowish window, no options item:

 ![24 AM](https://global.discourse-cdn.com/meta/original/3X/3/5/35600de4c5e1729d6a3430467845a20133fbba51.png)

new post on my site with formatting toolbar, much wider but still no options item:

 ![14 AM](https://global.discourse-cdn.com/meta/original/3X/2/7/27a584ced84bb0480840c6b34a24d0d5d4ba1ceb.png)

---

<div class="post-metadata">

### Author: ![Steven](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/steven/32/187890_2.png) [@Steven](https://meta.discourse.org/u/Steven)
#### Post date: [October 19, 2017, 7:42pm UTC](https://meta.discourse.org/t/composer-menu-on-narrow-pages-items-disappear-off-the-right-side-including-all-important-options-item/72424/2 "2017-10-19T19:42:56Z")

</div>

I can’t place them to the right of the “gear” icon. They can all be placed between emoji and gear. What icon is most important to you ?

The best way would be to hide some specific icons, I explained the process here : [Formatting toolbar - #28 by Steven](https://meta.discourse.org/t/formatting-toolbar/40649/28)

Or you could fork the plugin on github and customize it a little, I can explain the process if you’re interested

But I don’t know if changing the plugin for everyone is the best solution here, I don’t have a lot of feedbacks, but it seems that the choices I made were appreciated. If there is a recurring request to delete some icons or reorganize it, I’ll do it.

---

<div class="post-metadata">

### Author: ![jomaxro](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jomaxro/32/126216_2.png) [@jomaxro](https://meta.discourse.org/u/jomaxro)
#### Post date: [October 19, 2017, 7:45pm UTC](https://meta.discourse.org/t/composer-menu-on-narrow-pages-items-disappear-off-the-right-side-including-all-important-options-item/72424/3 "2017-10-19T19:45:05Z")

</div>

I like what Google Sheets does. A “more” button that can be clicked and shows all hidden buttons. I think this would be nice to have in core, because even without extra formatting buttons narrow screens can have lost buttons. Could this be #pr-welcome @sam?

Full width:  
 ![image](https://global.discourse-cdn.com/meta/original/3X/f/f/ff6818b33750a75cc4cbb11a1ddb8be58080ed97.png)

Not enough width:  
 ![image](https://global.discourse-cdn.com/meta/original/3X/2/5/25fa7dd69cbc5f91b8a019a3a46aada99171709b.png)

 ![image](https://global.discourse-cdn.com/meta/original/3X/5/5/55d9c3fcd83be619d5fee8712da2b2b229b14530.png)

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [October 19, 2017, 7:56pm UTC](https://meta.discourse.org/t/composer-menu-on-narrow-pages-items-disappear-off-the-right-side-including-all-important-options-item/72424/4 "2017-10-19T19:56:29Z")

</div>

Right now it seems like the gear icon serves as a “more” function in a way? Maybe a “more” option instead of it (or in addition to it?)

![25 PM](https://global.discourse-cdn.com/meta/original/3X/2/3/23af37a00e249de52fff587095b4e79c3ef3573b.png)

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [October 19, 2017, 9:13pm UTC](https://meta.discourse.org/t/composer-menu-on-narrow-pages-items-disappear-off-the-right-side-including-all-important-options-item/72424/5 "2017-10-19T21:13:12Z")

</div>

This is specific to whatever crazy plugin you are using that is adding a dozen icons to the toolbar.

---

<div class="post-metadata">

### Author: ![jomaxro](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jomaxro/32/126216_2.png) [@jomaxro](https://meta.discourse.org/u/jomaxro)
#### Post date: [October 19, 2017, 9:19pm UTC](https://meta.discourse.org/t/composer-menu-on-narrow-pages-items-disappear-off-the-right-side-including-all-important-options-item/72424/6 "2017-10-19T21:19:59Z")

</div>

Is it? This happens on narrow screens to. Here’s Meta composer in a \<860px wide window. The gear is hidden. I’ve run into this personally when I use Meta in a smaller window alongside other windows, I have to expand the window size to get to the gear, then shrink it back into whatever size I had it previously.

 ![image](https://global.discourse-cdn.com/meta/original/3X/d/d/dda4ffc9c64758317d3663d639b6d88ed4e96ba8.png)

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [October 19, 2017, 9:21pm UTC](https://meta.discourse.org/t/composer-menu-on-narrow-pages-items-disappear-off-the-right-side-including-all-important-options-item/72424/7 "2017-10-19T21:21:06Z")

</div>

That is comically narrow and you can trivially fix by hiding the editor preview. Try it.

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [October 19, 2017, 11:46pm UTC](https://meta.discourse.org/t/composer-menu-on-narrow-pages-items-disappear-off-the-right-side-including-all-important-options-item/72424/8 "2017-10-19T23:46:26Z")

</div>

Here’s a little before and after @jomaxro . Just click that “hide preview” at the bottom right… and 💥 problem solved.

 ![image](https://global.discourse-cdn.com/meta/original/3X/3/c/3c12a92a04e18ffb44b2691b0f06d46cfd607766.png)

---

<div class="post-metadata">

### Author: ![tobiaseigen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tobiaseigen/32/539204_2.png) [@tobiaseigen](https://meta.discourse.org/u/tobiaseigen)
#### Post date: [October 19, 2017, 11:55pm UTC](https://meta.discourse.org/t/composer-menu-on-narrow-pages-items-disappear-off-the-right-side-including-all-important-options-item/72424/9 "2017-10-19T23:55:36Z")

</div>

This has been interesting - thanks for the replies. I really like @awesomerobot’s suggestion to have a “more” option instead of a gear icon. Neat.

@steven sorry to hear the placement of your plugin icons can’t be changed. I’m not interested in forking your plugin just for my site. I am interested in making suggestions that lead to improvements for everyone using this software.

@codinghorror I understand your point about hiding/showing preview and it helps, at least on desktop. But it doesn’t help those people who don’t know that there are icons there that are hidden. Also doesn’t help me on mobile with that “crazy plugin” I am using. 🤪

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [October 19, 2017, 11:56pm UTC](https://meta.discourse.org/t/composer-menu-on-narrow-pages-items-disappear-off-the-right-side-including-all-important-options-item/72424/10 "2017-10-19T23:56:50Z")

</div>

You dug your own hole there, and should follow up with whoever wrote that plugin. It’s not us.

I also think it’s really questionable to add a ton of very rarely used formatting items to the toolbar. I think we should actually **offer even less icons in the editor than we do now** by default cc @awesomerobot – perhaps we can drop one or more of them? I mean how often do people really need to use the toolbar to enter:

- a heading
- a horizontal rule

Whereas,

- bold, italic
- link
- quote
- code
- bulleted list
- numbered list

are quite defensible and I use all those regularly. When was the last time I entered a header or horizontal rule? Weeks or months ago..

 ![image](https://global.discourse-cdn.com/meta/original/3X/3/3/33271407484871b966cecce8882e61183ee21011.png)

oddly enough Gmail hides virtually _all_ formatting behind another pop-up bar now.

 ![image](https://global.discourse-cdn.com/meta/original/3X/6/0/60d45c2b7b8cdf5be9478ce8039205fbd18a883e.jpg)

Its default toolbar only includes

- attachment (two types!)
- send money (?)
- photo
- link
- emoji

Zero bold, italic, anything. But notice that **horizontal rule and heading appear NOWHERE on the google formatting toolbar!**

---

<div class="post-metadata">

### Author: ![schungx](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/schungx/32/70989_2.png) [@schungx](https://meta.discourse.org/u/schungx)
#### Post date: [October 20, 2017, 5:31am UTC](https://meta.discourse.org/t/composer-menu-on-narrow-pages-items-disappear-off-the-right-side-including-all-important-options-item/72424/11 "2017-10-20T05:31:51Z")

</div>

IPad in portrait mode is 768 but I’ve seen some wacko android tablets having 8xx I’m portrait mode.

Desktop really shouldn’t be less than 1024 in today’s world…

So we are talking about very edge case devices here.

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [October 20, 2017, 7:29am UTC](https://meta.discourse.org/t/composer-menu-on-narrow-pages-items-disappear-off-the-right-side-including-all-important-options-item/72424/12 "2017-10-20T07:29:06Z")

</div>

I am in 100% agreement we should remove horizontal rule. I am not sure of removing headings though.

---

<div class="post-metadata">

### Author: ![schungx](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/schungx/32/70989_2.png) [@schungx](https://meta.discourse.org/u/schungx)
#### Post date: [October 20, 2017, 7:33am UTC](https://meta.discourse.org/t/composer-menu-on-narrow-pages-items-disappear-off-the-right-side-including-all-important-options-item/72424/13 "2017-10-20T07:33:25Z")

</div>

Turns out that it seems to be too narrow (with the preview pane) to show all the icons on an iPad Mini in PORTRAIT mode…

It could only show 11 icons while there are 13…

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [October 20, 2017, 8:17am UTC](https://meta.discourse.org/t/composer-menu-on-narrow-pages-items-disappear-off-the-right-side-including-all-important-options-item/72424/14 "2017-10-20T08:17:00Z")

</div>

It’s not in gmail, therefore it has to go. Headings are incredibly rare. I already assigned it to @zogstrip, we can kill off two extranous icons here.

Did you notice Google has three, THREE, 3️⃣ attachment icons on the default toolbar in Gmail? 🙀

 ![image](https://global.discourse-cdn.com/meta/original/3X/0/5/052bd855d14d0941e3bd80dbedf68ecd424d3e17.jpg)

So it’s like..

1. format (expands)
2. attach ×1, attach ×2, attach ×3
3. send cash monies 💵
4. link
5. emoji

---

<div class="post-metadata">

### Author: ![zogstrip](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/zogstrip/32/512781_2.png) [@zogstrip](https://meta.discourse.org/u/zogstrip)
#### Post date: [October 20, 2017, 8:59am UTC](https://meta.discourse.org/t/composer-menu-on-narrow-pages-items-disappear-off-the-right-side-including-all-important-options-item/72424/15 "2017-10-20T08:59:56Z")

</div>

[https://github.com/discourse/discourse/commit/62156885ec12887d291ee6413a2b57ab589533e4](https://github.com/discourse/discourse/commit/62156885ec12887d291ee6413a2b57ab589533e4)

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [October 20, 2017, 9:40am UTC](https://meta.discourse.org/t/composer-menu-on-narrow-pages-items-disappear-off-the-right-side-including-all-important-options-item/72424/16 "2017-10-20T09:40:17Z")

</div>

The trouble is that there is so much magic hiding in CommonMark and our implementation, we don’t even have a help button for new users

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [October 20, 2017, 10:03am UTC](https://meta.discourse.org/t/composer-menu-on-narrow-pages-items-disappear-off-the-right-side-including-all-important-options-item/72424/17 "2017-10-20T10:03:13Z")

</div>

We can add some kind of expando-button later. Trust me, nobody gives a 💩 about headings or horizontal lines, and if you do, you _surely_ know how to type them. See: Gmail.

---

<div class="post-metadata">

### Author: ![schungx](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/schungx/32/70989_2.png) [@schungx](https://meta.discourse.org/u/schungx)
#### Post date: [October 20, 2017, 10:15am UTC](https://meta.discourse.org/t/composer-menu-on-narrow-pages-items-disappear-off-the-right-side-including-all-important-options-item/72424/18 "2017-10-20T10:15:50Z")

</div>

Maybe lump them into the gear icon?

I occasionally see my users bolding text and all-caps them to make a heading… Of course none of them know to press the heading icon in the first place.

So headings are somewhat necessary, but right now the icon doesn’t seem to be any help in getting users to use it, so good riddance.

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [October 20, 2017, 11:54am UTC](https://meta.discourse.org/t/composer-menu-on-narrow-pages-items-disappear-off-the-right-side-including-all-important-options-item/72424/19 "2017-10-20T11:54:48Z")

</div>

Honestly most of the time I see people use headings they are basically griefing people with them by YELLING

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [October 20, 2017, 11:06pm UTC](https://meta.discourse.org/t/composer-menu-on-narrow-pages-items-disappear-off-the-right-side-including-all-important-options-item/72424/20 "2017-10-20T23:06:22Z")

</div>

3 posts were split to a new topic: [Do we need a help button on the composer?](https://meta.discourse.org/t/do-we-need-a-help-button-on-the-composer/72505)

[Next page](https://meta.discourse.org/t/composer-menu-on-narrow-pages-items-disappear-off-the-right-side-including-all-important-options-item/72424.md?page=2)
