# Mobile editor emoji is drawn off-screen

**URL:** https://meta.discourse.org/t/mobile-editor-emoji-is-drawn-off-screen/25386
**Category:** Bug
**Created:** [19.Февраль.2015 04:29:50 UTC](https://meta.discourse.org/t/mobile-editor-emoji-is-drawn-off-screen/25386 "2015-02-19T04:29:50Z")
**Posts on this page:** 18
**Page:** 1

<div class="post-metadata">

### Author: ![downey](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/downey/32/166878_2.png) [@downey](https://meta.discourse.org/u/downey)
#### Post date: [19.Февраль.2015 04:29:50 UTC](https://meta.discourse.org/t/mobile-editor-emoji-is-drawn-off-screen/25386/1 "2015-02-19T04:29:50Z")

</div>

**Reproduce:** Using latest Chrome on Android, start a new topic or reply to one.

**Expected:** Emoji picker draws completely regardless of where the cursor is.

**Actual:** If the cursor is at the right edge, the picker is drawn off-screen. See image below.

 ![](https://global.discourse-cdn.com/meta/original/3X/8/1/8123335acacea1fe37a3998e089a73a4595fb946.png)

---

<div class="post-metadata">

### Author: ![riking](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/riking/32/170938_2.png) [@riking](https://meta.discourse.org/u/riking)
#### Post date: [19.Февраль.2015 04:38:31 UTC](https://meta.discourse.org/t/mobile-editor-emoji-is-drawn-off-screen/25386/2 "2015-02-19T04:38:31Z")

</div>

It would be nice if we could just give the whole screen to the textbox on mobile, like native apps are able to. That would basically end all of the screen space problems.

There’s a good part of the used space there that _isn’t_ needed when you’re writing, but _is_ needed when you’re reviewing before you submit. For example, the “Reply” button.

---

<div class="post-metadata">

### Author: ![purldator](https://avatars.discourse-cdn.com/v4/letter/p/bcef8e/32.png) [@purldator](https://meta.discourse.org/u/purldator)
#### Post date: [19.Февраль.2015 05:47:20 UTC](https://meta.discourse.org/t/mobile-editor-emoji-is-drawn-off-screen/25386/3 "2015-02-19T05:47:20Z")

</div>

You mean there’s supposed to be an icon to click for emojis? No wonder I used the keyboard’s emoji selector for [this reply](https://meta.discourse.org/t/merry-christmas/23414/11).

---

<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: [27.Август.2015 14:33:01 UTC](https://meta.discourse.org/t/mobile-editor-emoji-is-drawn-off-screen/25386/4 "2015-08-27T14:33:01Z")

</div>

Was that fixed? I don’t have an Android phone to verify.

---

<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: [27.Август.2015 15:01:01 UTC](https://meta.discourse.org/t/mobile-editor-emoji-is-drawn-off-screen/25386/5 "2015-08-27T15:01:01Z")

</div>

Nope. I guess the pop-up should be a “pop-down”.

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

---

<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: [27.Август.2015 22:38:32 UTC](https://meta.discourse.org/t/mobile-editor-emoji-is-drawn-off-screen/25386/6 "2015-08-27T22:38:32Z")

</div>

My favorite fix for mobile is still just remapping emoji unicode.

---

<div class="post-metadata">

### Author: ![downey](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/downey/32/166878_2.png) [@downey](https://meta.discourse.org/u/downey)
#### Post date: [27.Август.2015 23:54:52 UTC](https://meta.discourse.org/t/mobile-editor-emoji-is-drawn-off-screen/25386/7 "2015-08-27T23:54:52Z")

</div>

That would be nice but it would miss custom emoji.

---

<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: [02.Сентябрь.2015 15:55:26 UTC](https://meta.discourse.org/t/mobile-editor-emoji-is-drawn-off-screen/25386/8 "2015-09-02T15:55:26Z")

</div>

This was annoying me quite abit on mobile so I decided to ~~bang my head against the wall~~ dive into this.

 ![](https://global.discourse-cdn.com/meta/original/3X/d/8/d8eac3ab986572afa16a713af54a7e0c8a75ae4d.gif) 

 ![](https://global.discourse-cdn.com/meta/original/3X/8/d/8d76596681ffe743381fc9a1feb7fa1d985e337f.gif) 

Any thoughts?

---

<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: [02.Сентябрь.2015 16:45:53 UTC](https://meta.discourse.org/t/mobile-editor-emoji-is-drawn-off-screen/25386/9 "2015-09-02T16:45:53Z")

</div>

That looks awesome 👍

---

<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: [02.Сентябрь.2015 21:35:15 UTC](https://meta.discourse.org/t/mobile-editor-emoji-is-drawn-off-screen/25386/10 "2015-09-02T21:35:15Z")

</div>

> [@tgxworld](#):
>
> Any thoughts?

❤ 💟 😍 😻 💓

---

<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: [03.Сентябрь.2015 08:58:22 UTC](https://meta.discourse.org/t/mobile-editor-emoji-is-drawn-off-screen/25386/11 "2015-09-03T08:58:22Z")

</div>

[https://github.com/discourse/discourse/pull/3727](https://github.com/discourse/discourse/pull/3727)

This PR makes autocomplete usable on mobile but I don’t think it is perfect and it is hard to make it perfect.

I agree with @riking that the better approach is to make the composer full screen on mobile which will probably make our life easier.

---

<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: [03.Сентябрь.2015 09:04:50 UTC](https://meta.discourse.org/t/mobile-editor-emoji-is-drawn-off-screen/25386/12 "2015-09-03T09:04:50Z")

</div>

That’s my plan I want a full screen composer on mobile

---

<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: [03.Сентябрь.2015 10:18:07 UTC](https://meta.discourse.org/t/mobile-editor-emoji-is-drawn-off-screen/25386/13 "2015-09-03T10:18:07Z")

</div>

How will this full screen composer be different from what we have now?  
This is how it looks on my Nexus 5 when I’m creating a topic or posting a reply.

 ![](https://global.discourse-cdn.com/meta/original/3X/8/8/88a217666be1b591465051a76f52f322729970ce.png)  
 ![](https://global.discourse-cdn.com/meta/original/3X/d/6/d61314f53ef1c97c0364d13db9fb437cfbbc3ee9.png)

---

<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: [03.Сентябрь.2015 13:12:30 UTC](https://meta.discourse.org/t/mobile-editor-emoji-is-drawn-off-screen/25386/14 "2015-09-03T13:12:30Z")

</div>

10 posts were split to a new topic: [Fullscreen composer for mobile](https://meta.discourse.org/t/fullscreen-composer-for-mobile/32866)

---

<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: [12.Сентябрь.2015 09:40:25 UTC](https://meta.discourse.org/t/mobile-editor-emoji-is-drawn-off-screen/25386/15 "2015-09-12T09:40:25Z")

</div>

@downey @gerhard How is the new autocomplete popup working for you? I’ve been dog fooding it and it is working well for me. 😄

---

<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: [12.Сентябрь.2015 10:11:27 UTC](https://meta.discourse.org/t/mobile-editor-emoji-is-drawn-off-screen/25386/16 "2015-09-12T10:11:27Z")

</div>

Works quite well. 👍

The only problem I’ve seen so far is that the username popup doesn’t show up if I type @ after a line break. I have to enter something else after the @, then hit backspace to get the popup. But I guess that’s some weird bug on Chrome/Android.

---

<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: [12.Сентябрь.2015 13:02:35 UTC](https://meta.discourse.org/t/mobile-editor-emoji-is-drawn-off-screen/25386/17 "2015-09-12T13:02:35Z")

</div>

Yea thats due to [https://meta.discourse.org/t/mention-menu-not-updated-on-android-mobile/32827](https://meta.discourse.org/t/mention-menu-not-updated-on-android-mobile/32827)

---

<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: [23.Сентябрь.2015 13:16:19 UTC](https://meta.discourse.org/t/mobile-editor-emoji-is-drawn-off-screen/25386/18 "2015-09-23T13:16:19Z")

</div>


