# ✉️Use of emoji's causes weird title display in OSX

**URL:** https://meta.discourse.org/t/use-of-emojis-causes-weird-title-display-in-osx/90009
**Category:** UX
**Created:** [16.Июнь.2018 06:30:13 UTC](https://meta.discourse.org/t/use-of-emojis-causes-weird-title-display-in-osx/90009 "2018-06-16T06:30:13Z")
**Posts on this page:** 11
**Page:** 1

<div class="post-metadata">

### Author: ![bartv](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/bartv/32/130052_2.png) [@bartv](https://meta.discourse.org/u/bartv)
#### Post date: [16.Июнь.2018 06:30:13 UTC](https://meta.discourse.org/t/use-of-emojis-causes-weird-title-display-in-osx/90009/1 "2018-06-16T06:30:13Z")

</div>

Minor issue: when pasting in an emoji (not using the :emoji notation), I noticed the following issues:

- In Chrome and Safari, using an emoji at the start of the title will lead to overlapping and unreadable characters.
- Safari inserts a ‘square’ character after an emoji
- Firefox removes the space between the emoji and the rest of the title

(Tested on OSX)

---

<div class="post-metadata">

### Author: ![frold](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/frold/32/82547_2.png) [@frold](https://meta.discourse.org/u/frold)
#### Post date: [16.Июнь.2018 06:40:38 UTC](https://meta.discourse.org/t/use-of-emojis-causes-weird-title-display-in-osx/90009/2 "2018-06-16T06:40:38Z")

</div>

Like this?

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

and this

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

---

<div class="post-metadata">

### Author: ![bartv](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/bartv/32/130052_2.png) [@bartv](https://meta.discourse.org/u/bartv)
#### Post date: [16.Июнь.2018 06:41:21 UTC](https://meta.discourse.org/t/use-of-emojis-causes-weird-title-display-in-osx/90009/3 "2018-06-16T06:41:21Z")

</div>

Exactly. I figured the post would show it for itself 😉

---

<div class="post-metadata">

### Author: ![frold](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/frold/32/82547_2.png) [@frold](https://meta.discourse.org/u/frold)
#### Post date: [16.Июнь.2018 06:43:43 UTC](https://meta.discourse.org/t/use-of-emojis-causes-weird-title-display-in-osx/90009/4 "2018-06-16T06:43:43Z")

</div>

using Version 67.0.3396.87 on Mac Os it did 😃

Looks fine on firefox 60.0.2 (64-bit) using Mac OS

My post was just meant to confirm your bug…

Have a nice day 😉

---

<div class="post-metadata">

### Author: ![bartv](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/bartv/32/130052_2.png) [@bartv](https://meta.discourse.org/u/bartv)
#### Post date: [16.Июнь.2018 06:45:23 UTC](https://meta.discourse.org/t/use-of-emojis-causes-weird-title-display-in-osx/90009/5 "2018-06-16T06:45:23Z")

</div>

👍

Here’s a screenshot of Firefox 61.0b14 (notice the missing space after the envelope)

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

---

<div class="post-metadata">

### Author: ![Mittineague](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mittineague/32/114259_2.png) [@Mittineague](https://meta.discourse.org/u/Mittineague)
#### Post date: [16.Июнь.2018 07:36:34 UTC](https://meta.discourse.org/t/use-of-emojis-causes-weird-title-display-in-osx/90009/6 "2018-06-16T07:36:34Z")

</div>

So you’re suggesting that Discourse strip out emojis from topic titles so that browsers that don’t support certain emojis won’t render buggy titles?

---

<div class="post-metadata">

### Author: ![bartv](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/bartv/32/130052_2.png) [@bartv](https://meta.discourse.org/u/bartv)
#### Post date: [16.Июнь.2018 07:52:17 UTC](https://meta.discourse.org/t/use-of-emojis-causes-weird-title-display-in-osx/90009/7 "2018-06-16T07:52:17Z")

</div>

Well, I wasn’t suggesting anything yet, just reporting that I observe an issue when users enter legitimate content 😉

It’s interesting though that titles WILL display correctly if you enter emoji’s using the :emoji notation. However, the emoji picker is not activated for titles, making it harder to use them there.

I believe that emoji’s can be useful for certain topics, so I wouldn’t just strip them out.

So perhaps:

- Enable the emoji picker for titles
- Process ‘directly entered’ emojis in the same way as ‘picked’ emoji’s

---

<div class="post-metadata">

### Author: ![Mittineague](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mittineague/32/114259_2.png) [@Mittineague](https://meta.discourse.org/u/Mittineague)
#### Post date: [16.Июнь.2018 21:03:18 UTC](https://meta.discourse.org/t/use-of-emojis-causes-weird-title-display-in-osx/90009/9 "2018-06-16T21:03:18Z")

</div>

> [@bartv](#):
>
> the emoji picker is not activated for titles

Thanks, I have never tried to have any emoji in a title so I would have never noticed that.

The emoji picker is not activated in the title input when a topic is created. Yet it is activated in the title edit input. For example, if you click the edit pencil icon next to the topic title and start typing a colon, the emoji picker will display.

Although I have reservations about expecting Discourse to map all non-supported emoji codepoints to supported codepoints just so browsers won’t display buggy titles, I do think it would be good to have the emoji picker activate during topic creation.

Edge case and low priority perhaps, but an inconsistency nonetheless.

---

<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: [16.Июнь.2018 21:23:42 UTC](https://meta.discourse.org/t/use-of-emojis-causes-weird-title-display-in-osx/90009/10 "2018-06-16T21:23:42Z")

</div>

Isn’t this a duplicate of [https://meta.discourse.org/t/broken-emoji-in-safari-mac-ios/59034](https://meta.discourse.org/t/broken-emoji-in-safari-mac-ios/59034) ?

---

<div class="post-metadata">

### Author: ![Mittineague](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mittineague/32/114259_2.png) [@Mittineague](https://meta.discourse.org/u/Mittineague)
#### Post date: [16.Июнь.2018 21:28:55 UTC](https://meta.discourse.org/t/use-of-emojis-causes-weird-title-display-in-osx/90009/11 "2018-06-16T21:28:55Z")

</div>

> [@codinghorror](#):
>
> Isn’t this a duplicate

To a great extent, yes. A difference is that the emoji picker is not available for the title input during topic creation so it is more difficult to not have buggy emoji titles.

---

<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: [16.Июнь.2018 21:30:33 UTC](https://meta.discourse.org/t/use-of-emojis-causes-weird-title-display-in-osx/90009/12 "2018-06-16T21:30:33Z")

</div>


