# Non-wrapping topic titles extend beyond page width

**URL:** https://meta.discourse.org/t/non-wrapping-topic-titles-extend-beyond-page-width/37875
**Category:** Bug
**Created:** [1월 13, 2016, 6:45오전 UTC](https://meta.discourse.org/t/non-wrapping-topic-titles-extend-beyond-page-width/37875 "2016-01-13T06:45:14Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![fefrei](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/fefrei/32/119538_2.png) [@fefrei](https://meta.discourse.org/u/fefrei)
#### Post date: [1월 13, 2016, 6:45오전 UTC](https://meta.discourse.org/t/non-wrapping-topic-titles-extend-beyond-page-width/37875/1 "2016-01-13T06:45:14Z")

</div>

When a topic title contains a long word, it cannot wrap around and extends beyond the expected width:

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

Here is the original topic:

> [@From DISCOURSE\_SMTP\_ADDRESS in discourse\_docker to /var/www/discourse/config/discourse.conf](https://meta.discourse.org/t/from-discourse-smtp-address-in-discourse-docker-to-var-www-discourse-config-discourse-conf/37841):
>
> I’m trying to diagnose a major issue with AUFS affecting my forums, and need to understand some detail in Docker startup to do this properly. Question Does stopping or starting up Discourse modify /var/www/discourse/config/discourse.conf, or is it changed only when rebuilding a container? I think I’ve confirmed that rebuilding a container will change it, through code in /var/discourse/templates/web.template.yml (from @sam’s discourse\_docker repository). I think I do just need the answer to tha…

---

<div class="post-metadata">

### Author: ![fefrei](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/fefrei/32/119538_2.png) [@fefrei](https://meta.discourse.org/u/fefrei)
#### Post date: [1월 13, 2016, 6:52오전 UTC](https://meta.discourse.org/t/non-wrapping-topic-titles-extend-beyond-page-width/37875/2 "2016-01-13T06:52:21Z")

</div>

Oops – I just realized this was reported before (and the fix committed 10 minutes ago):

> [@Horizontal Scroll on mobile](https://meta.discourse.org/t/horizontal-scroll-on-mobile/37858):
>
> There is a topic here on meta breaking the layout. I think some overflow hidden is needed.

Sorry – I clearly need to work on my search skills 🙂

---

<div class="post-metadata">

### Author: ![techAPJ](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/techapj/32/342990_2.png) [@techAPJ](https://meta.discourse.org/u/techAPJ)
#### Post date: [1월 13, 2016, 6:56오전 UTC](https://meta.discourse.org/t/non-wrapping-topic-titles-extend-beyond-page-width/37875/3 "2016-01-13T06:56:23Z")

</div>

Yup, should be fixed now. 🙂

* * *

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

---

<div class="post-metadata">

### Author: ![techAPJ](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/techapj/32/342990_2.png) [@techAPJ](https://meta.discourse.org/u/techAPJ)
#### Post date: [1월 13, 2016, 6:56오전 UTC](https://meta.discourse.org/t/non-wrapping-topic-titles-extend-beyond-page-width/37875/4 "2016-01-13T06:56:26Z")

</div>



---

<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: [1월 13, 2016, 8:36오전 UTC](https://meta.discourse.org/t/non-wrapping-topic-titles-extend-beyond-page-width/37875/5 "2016-01-13T08:36:06Z")

</div>

word-wrap: break-word has very inconsistent behavior depending on all sorts of stuff, can you ensure you test this across browsers?

---

<div class="post-metadata">

### Author: ![techAPJ](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/techapj/32/342990_2.png) [@techAPJ](https://meta.discourse.org/u/techAPJ)
#### Post date: [1월 13, 2016, 1:01오후 UTC](https://meta.discourse.org/t/non-wrapping-topic-titles-extend-beyond-page-width/37875/6 "2016-01-13T13:01:24Z")

</div>

Okay, tested the [topic with long word](https://meta.discourse.org/t/from-discourse-smtp-address-in-discourse-docker-to-var-www-discourse-config-discourse-conf/37841) on latest:

- Safari on iOS 9.2 (iPhone 6, iPad 4)
- Chrome on iOS 9.2 (iPhone 6, iPad 4)
- Chrome on Android 5 (OnePlus One)

Did not noticed any weird behaviour.

---

<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: [1월 13, 2016, 10:30오후 UTC](https://meta.discourse.org/t/non-wrapping-topic-titles-extend-beyond-page-width/37875/7 "2016-01-13T22:30:19Z")

</div>

It looks like we need it in the right gutter here as well, if you look to the right of your post.. that causes scroll for me on desktop.
