# Help us test a new composer style

**URL:** https://meta.discourse.org/t/help-us-test-a-new-composer-style/74552
**Category:** UX
**Tags:** testing
**Created:** [22 نوفمبر 2017، 12:22ص UTC](https://meta.discourse.org/t/help-us-test-a-new-composer-style/74552 "2017-11-22T00:22:43Z")
**Posts on this page:** 16
**Page:** 4

<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: [29 نوفمبر 2017، 11:04ص UTC](https://meta.discourse.org/t/help-us-test-a-new-composer-style/74552/88 "2017-11-29T11:04:39Z")

</div>

Sooo many feature requests in this topic, when we asked for a very specific kind of feedback 😕

---

<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: [29 نوفمبر 2017، 10:27م UTC](https://meta.discourse.org/t/help-us-test-a-new-composer-style/74552/89 "2017-11-29T22:27:51Z")

</div>

2 posts were split to a new topic: [No warning before destroying draft when composer is minimized](https://meta.discourse.org/t/no-warning-before-destroying-draft-when-composer-is-minimized/75046)

---

<div class="post-metadata">

### Author: ![gerhard](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/gerhard/32/119479_2.png) [@gerhard](https://meta.discourse.org/u/gerhard)
#### Post date: [2 ديسمبر 2017، 7:26م UTC](https://meta.discourse.org/t/help-us-test-a-new-composer-style/74552/92 "2017-12-02T19:26:48Z")

</div>

I’m not sure how everyone else feels about it, but I find the new way of hiding the preview kinda distracting.  
Could we hide or at least dim the content left and right of the composer?

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

---

<div class="post-metadata">

### Author: ![featheredtoast](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/featheredtoast/32/116994_2.png) [@featheredtoast](https://meta.discourse.org/u/featheredtoast)
#### Post date: [2 ديسمبر 2017، 7:53م UTC](https://meta.discourse.org/t/help-us-test-a-new-composer-style/74552/93 "2017-12-02T19:53:19Z")

</div>

Maybe it’s because Facebook/Google also follow this type of toaster chat style, but I’m actually pretty used to it, and don’t find it all that distracting.

(Unrelated, the only thing I’m want for is a universal keyboard method of minimizing _all_ of these chat windows to get to the content underneath when out of focus, something like pressing esc three times since some vim keybindings are already kinda web standard.)

---

<div class="post-metadata">

### Author: ![barryvan](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/barryvan/32/82635_2.png) [@barryvan](https://meta.discourse.org/u/barryvan)
#### Post date: [4 ديسمبر 2017، 4:31ص UTC](https://meta.discourse.org/t/help-us-test-a-new-composer-style/74552/94 "2017-12-04T04:31:17Z")

</div>

It looks as though this has just been rolled out to our site – 🎉 – but I’ve noticed a strange white area as a result of the `.d-editor-preview-wrapper` class:

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

I can customise this away, of course (it’s only visible because of other customisations I’ve made), but I’m not sure why it’s there in the first place… 😉

---

<div class="post-metadata">

### Author: ![terraboss](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/terraboss/32/381157_2.png) [@terraboss](https://meta.discourse.org/u/terraboss)
#### Post date: [4 ديسمبر 2017، 10:20ص UTC](https://meta.discourse.org/t/help-us-test-a-new-composer-style/74552/95 "2017-12-04T10:20:03Z")

</div>

> [@awole20](#):
>
> Maybe it’s because Facebook/Google also follow this type of toaster chat style, but I’m actually pretty used to it, and don’t find it all that distracting.

Totally agree with you.

Maybe some kind of full screen / expended view (for focus on content) would be nice.

---

<div class="post-metadata">

### Author: ![supermathie](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/supermathie/32/507518_2.png) [@supermathie](https://meta.discourse.org/u/supermathie)
#### Post date: [5 ديسمبر 2017، 11:55م UTC](https://meta.discourse.org/t/help-us-test-a-new-composer-style/74552/97 "2017-12-05T23:55:08Z")

</div>

Pretty sure the `&hellip;` as seen in this screenshot from [elastic](https://discuss.elastic.co/t/custom-styling-of-compose-box/110438?u=supermathie) is our bug (or our translation to change):

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

---

<div class="post-metadata">

### Author: ![j.jaffeux](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/j.jaffeux/32/60297_2.png) [@j.jaffeux](https://meta.discourse.org/u/j.jaffeux)
#### Post date: [5 ديسمبر 2017، 11:58م UTC](https://meta.discourse.org/t/help-us-test-a-new-composer-style/74552/98 "2017-12-05T23:58:31Z")

</div>

I will fix this one bug

---

<div class="post-metadata">

### Author: ![JagWaugh](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagwaugh/32/69335_2.png) [@JagWaugh](https://meta.discourse.org/u/JagWaugh)
#### Post date: [6 ديسمبر 2017، 8:38ص UTC](https://meta.discourse.org/t/help-us-test-a-new-composer-style/74552/99 "2017-12-06T08:38:51Z")

</div>

Showing preview does, Hiding preview doesn’t:

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

This with edge, latest updates to the fall creators update.

---

<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: [6 ديسمبر 2017، 9:59ص UTC](https://meta.discourse.org/t/help-us-test-a-new-composer-style/74552/100 "2017-12-06T09:59:46Z")

</div>

No repro, works fine for me in Edge, all latest version of Windows. I suggest updating to latest version because based on your other post here I don’t think you have latest.

---

<div class="post-metadata">

### Author: ![JagWaugh](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagwaugh/32/69335_2.png) [@JagWaugh](https://meta.discourse.org/u/JagWaugh)
#### Post date: [6 ديسمبر 2017، 10:06ص UTC](https://meta.discourse.org/t/help-us-test-a-new-composer-style/74552/101 "2017-12-06T10:06:09Z")

</div>

That screenprint was from meta. (But our site does the same).

Seems to be edge specific (works fine with Chrome form the same machine).

---

<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: [6 ديسمبر 2017، 10:07ص UTC](https://meta.discourse.org/t/help-us-test-a-new-composer-style/74552/102 "2017-12-06T10:07:30Z")

</div>

No repro in edge on my machine. Here’s two full screenshots since you don’t seem to believe me:

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

and

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

---

<div class="post-metadata">

### Author: ![JagWaugh](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagwaugh/32/69335_2.png) [@JagWaugh](https://meta.discourse.org/u/JagWaugh)
#### Post date: [6 ديسمبر 2017، 12:34م UTC](https://meta.discourse.org/t/help-us-test-a-new-composer-style/74552/103 "2017-12-06T12:34:28Z")

</div>

> [@codinghorror](#):
>
> No repro in edge on my machine. Here’s two full screenshots since you don’t seem to believe me:

It’s not that I don’t believe you Jeff, more that I’m not mistaken that it doesn’t work on edge on my machine.

Very strange. I just ran windows update (again) and there was an outstanding update. (KB4501963)

It’s still the same after the reboot. In the console I get an undefined error when I try to toggle preview here on meta. Debugger shows:

> Could not locate [https://global.discourse-cdn.com/meta/stylesheets/categoy\_background.scss](https://global.discourse-cdn.com/meta/stylesheets/categoy_background.scss) specified in source map [https://global.discourse-cdn.com/meta/stylesheets/desktop\_9b24085fd2159ed4deec96bbe80adc8e6e88510c.css.map](https://global.discourse-cdn.com/meta/stylesheets/desktop_9b24085fd2159ed4deec96bbe80adc8e6e88510c.css.map).

“categoy”, rather than “category”? (this doesn’t explain why Jeff doesn’t see it, nor why it works with Chrome from the same machine).

Some odd cloudfront issue?

---

<div class="post-metadata">

### Author: ![tgxworld](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tgxworld/32/106117_2.png) [@tgxworld](https://meta.discourse.org/u/tgxworld)
#### Post date: [6 ديسمبر 2017، 2:11م UTC](https://meta.discourse.org/t/help-us-test-a-new-composer-style/74552/104 "2017-12-06T14:11:27Z")

</div>

I’m a little confused by this but I’ve been running into the problem where a element with a horizontal scrollbar that is **not within the scroll view** would result in a small vertical scroll of the preview when it is updated. Kind of hard to explain in words so hopefully the video below would do it justice.

[https://global.discourse-cdn.com/meta/original/3X/2/9/29482da650aa8163898f2100f5169f1a2594e855.mp4](https://global.discourse-cdn.com/meta/original/3X/2/9/29482da650aa8163898f2100f5169f1a2594e855.mp4)

@awesomerobot The only workaround I found was to let `.d-editor-preview-wrapper` overflow instead of `.d-editor-preview` itself.

---

<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: [6 ديسمبر 2017، 4:32م UTC](https://meta.discourse.org/t/help-us-test-a-new-composer-style/74552/105 "2017-12-06T16:32:50Z")

</div>

Weird! I just pushed a fix that puts the overflow onto the wrapper - looks like that fixes it

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

---

<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: [13 ديسمبر 2017، 9:38م UTC](https://meta.discourse.org/t/help-us-test-a-new-composer-style/74552/106 "2017-12-13T21:38:50Z")

</div>



[Previous page](https://meta.discourse.org/t/help-us-test-a-new-composer-style/74552.md?page=3)
