# iPad @mention off screen in portrait orientation

**URL:** <https://meta.discourse.org/t/ipad-mention-off-screen-in-portrait-orientation/73784>\
**Category:** Bug\
**Tags:** tablet\
**Created:** [2017年十一月9日 18:28 UTC](https://meta.discourse.org/t/ipad-mention-off-screen-in-portrait-orientation/73784 "2017-11-09T18:28:54Z")\
**Posts on this page:** 14\
**Page:** 1

<div class="post-metadata">

**Author:** ![omarfilip](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/omarfilip/32/208019_2.png) [@omarfilip](https://meta.discourse.org/u/omarfilip)\
**Post date:** [2017年十一月9日 18:28 UTC](https://meta.discourse.org/t/ipad-mention-off-screen-in-portrait-orientation/73784/1 "2017-11-09T18:28:54Z")

</div>

When typing to mention a username on the iPad in portrait orientation, the list of usernames falls off the screen:

 ![IMG_2001](https://global.discourse-cdn.com/meta/original/3X/b/0/b0c5fab3bcd230f0541b2aa0f33612f813c58240.PNG)

~~Rotating the iPad to landscape fixes it, but going back to portrait, the issue persists.~~

I can reproduce it here on meta, as well as my forum (v1.9.0.beta14 +19) on my iPad Air 10.3.3 and a user on an iPad Pro with the “latest” iOS reproduced it as well.

---

<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:** [2017年十一月9日 19:22 UTC](https://meta.discourse.org/t/ipad-mention-off-screen-in-portrait-orientation/73784/2 "2017-11-09T19:22:41Z")

</div>

Can’t you simply press ENTER a few times to move the text down, as a workarond?

---

<div class="post-metadata">

**Author:** ![omarfilip](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/omarfilip/32/208019_2.png) [@omarfilip](https://meta.discourse.org/u/omarfilip)\
**Post date:** [2017年十一月9日 19:50 UTC](https://meta.discourse.org/t/ipad-mention-off-screen-in-portrait-orientation/73784/3 "2017-11-09T19:50:22Z")

</div>

That’s an option, sure - but in this case it took 5 line returns to get the full list to become visible. You then have to delete the 5 empty lines, too.

Regarding it fixing itself in landscape orientation - I take that back. I could not get it to work properly replying here.

---

<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:** [2017年十一月10日 00:19 UTC](https://meta.discourse.org/t/ipad-mention-off-screen-in-portrait-orientation/73784/4 "2017-11-10T00:19:03Z")

</div>

Sure maybe something @j.jaffeux could look at down the line.

---

<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:** [2018年六月21日 05:20 UTC](https://meta.discourse.org/t/ipad-mention-off-screen-in-portrait-orientation/73784/6 "2018-06-21T05:20:22Z")

</div>

I do run into this bug a fair bit @j.jaffeux basically if you mention someone in the first line on a small screen.

---

<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:** [2018年六月21日 05:21 UTC](https://meta.discourse.org/t/ipad-mention-off-screen-in-portrait-orientation/73784/7 "2018-06-21T05:21:53Z")

</div>

Yeah this happens to me as well but I find it hard to get a 100% repro. Can you get this to happen every time with some sort of sequence?

---

<div class="post-metadata">

**Author:** ![omarfilip](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/omarfilip/32/208019_2.png) [@omarfilip](https://meta.discourse.org/u/omarfilip)\
**Post date:** [2018年六月21日 05:29 UTC](https://meta.discourse.org/t/ipad-mention-off-screen-in-portrait-orientation/73784/8 "2018-06-21T05:29:37Z")

</div>

I can’t repro in Safari or Chrome on an iPhone 6.

---

<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:** [2018年七月17日 07:37 UTC](https://meta.discourse.org/t/ipad-mention-off-screen-in-portrait-orientation/73784/9 "2018-07-17T07:37:56Z")

</div>

I improved some stuff here a week ago, is this still happening?

---

<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:** [2018年七月17日 08:02 UTC](https://meta.discourse.org/t/ipad-mention-off-screen-in-portrait-orientation/73784/10 "2018-07-17T08:02:20Z")

</div>

It happens to me using iPad Chrome Firefox Safari - portrait and landscape

What I usually do is close the keypad, tap the member name to insert it into the post, then focus the textarea to open the keypad again.

I think it might be able to be fixed with some type of position offset detection to open it either up or down depending on the circumstance, but that might be trickier to do than I imagine.

---

<div class="post-metadata">

**Author:** ![omarfilip](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/omarfilip/32/208019_2.png) [@omarfilip](https://meta.discourse.org/u/omarfilip)\
**Post date:** [2018年七月17日 16:10 UTC](https://meta.discourse.org/t/ipad-mention-off-screen-in-portrait-orientation/73784/11 "2018-07-17T16:10:50Z")

</div>

Yes, it’s still happening:

 ![image](https://global.discourse-cdn.com/meta/original/3X/0/3/03fea2e1eb549aa3fd76a3e5c68cc75c7aa861a4.jpeg)

 ![image](https://global.discourse-cdn.com/meta/original/3X/0/0/00e3c26b4bb28fa48acc1b0dd7f77fd5b1167d3d.jpeg)

---

<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:** [2018年七月18日 06:44 UTC](https://meta.discourse.org/t/ipad-mention-off-screen-in-portrait-orientation/73784/12 "2018-07-18T06:44:09Z")

</div>

I reckon I could spend a whole day tweaking this area 😟 nonetheless, this tweak improves a few edge cases including iPad portrait being off screen.

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

👲🏽🎆

---

<div class="post-metadata">

**Author:** ![tophee](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tophee/32/73406_2.png) [@tophee](https://meta.discourse.org/u/tophee)\
**Post date:** [2018年七月18日 09:51 UTC](https://meta.discourse.org/t/ipad-mention-off-screen-in-portrait-orientation/73784/13 "2018-07-18T09:51:41Z")

</div>

Is/was this really iPad specific? I seem to see the same on Android (Nougat, S7).

---

<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:** [2018年七月18日 09:53 UTC](https://meta.discourse.org/t/ipad-mention-off-screen-in-portrait-orientation/73784/14 "2018-07-18T09:53:32Z")

</div>

Nope was not iPad specific and you could even repro on desktop if you dragged the blue bar all the way to the top.

---

<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:** [2018年七月19日 08:00 UTC](https://meta.discourse.org/t/ipad-mention-off-screen-in-portrait-orientation/73784/15 "2018-07-19T08:00:00Z")

</div>

This topic was automatically closed after 25 hours. New replies are no longer allowed.
