# 低解像度の Android モバイルで Discourse のサインアップ表示がオフセットされる問題

**URL:** https://meta.discourse.org/t/discourse-sign-up-display-offset-on-low-res-mobile-android/120803
**Category:** UX
**Created:** [2019 年 6 月 19 日午後 1:25 UTC](https://meta.discourse.org/t/discourse-sign-up-display-offset-on-low-res-mobile-android/120803 "2019-06-19T13:25:29Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![meatnordrink](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/meatnordrink/32/147583_2.png) [@meatnordrink](https://meta.discourse.org/u/meatnordrink)
#### Post date: [2019 年 6 月 19 日午後 1:25 UTC](https://meta.discourse.org/t/discourse-sign-up-display-offset-on-low-res-mobile-android/120803/1 "2019-06-19T13:25:29Z")

</div>

Signing in a cheap Android (motoE5, in this case, Chrome browser), the email column is not visible; it’s covered by the chrome header.

**Edit** : My apologies, I meant only signing-_up_.

---

<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: [2019 年 6 月 19 日午後 7:53 UTC](https://meta.discourse.org/t/discourse-sign-up-display-offset-on-low-res-mobile-android/120803/2 "2019-06-19T19:53:34Z")

</div>

I just tried a Moto G which I think is a similar resolution (second gen, 720x1280) and I’m able to scroll a little to complete log in (I also tried with social logins enabled)… can you provide a screenshot so I can see the problem more clearly?

 ![50%20PM](https://global.discourse-cdn.com/meta/original/3X/2/6/26eea5528e96942f1b6fa84e2ef97689a0bfcc53.jpeg)

---

<div class="post-metadata">

### Author: ![pmusaraj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pmusaraj/32/119489_2.png) [@pmusaraj](https://meta.discourse.org/u/pmusaraj)
#### Post date: [2019 年 6 月 20 日午前 2:03 UTC](https://meta.discourse.org/t/discourse-sign-up-display-offset-on-low-res-mobile-android/120803/3 "2019-06-20T02:03:59Z")

</div>

I get this in an emulated 720x1280 device:

 ![image](https://global.discourse-cdn.com/meta/original/3X/8/5/85d39863b158ee048d82aca7d4090250c193dd0b.jpeg)

I also have a very, very cheap Alcatel Android device, and the “Email” label there is even further hidden below the Chrome header.

Ah, just noticed that the OP mentions both “signup” and “signing in”, I had no issues with the sign in screen.

---

<div class="post-metadata">

### Author: ![Stephen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stephen/32/95011_2.png) [@Stephen](https://meta.discourse.org/u/Stephen)
#### Post date: [2019 年 6 月 20 日午前 3:51 UTC](https://meta.discourse.org/t/discourse-sign-up-display-offset-on-low-res-mobile-android/120803/4 "2019-06-20T03:51:57Z")

</div>

Which site are you signing into? Does it happen here on Meta too?

---

<div class="post-metadata">

### Author: ![meatnordrink](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/meatnordrink/32/147583_2.png) [@meatnordrink](https://meta.discourse.org/u/meatnordrink)
#### Post date: [2019 年 6 月 20 日午後 4:49 UTC](https://meta.discourse.org/t/discourse-sign-up-display-offset-on-low-res-mobile-android/120803/5 "2019-06-20T16:49:17Z")

</div>

Thanks all for checking this out.

As I noted in my edit to the original post, I misspoke, this occurs on sign-up, not sign-in.

Here are some screen shots. It occurs on both Firefox and Chrome on our Discourse site, but interestingly not on the sign-up here, on Meta - it’s close, but the page aligns slightly down. Our site, if you’d like to test, is `discuss.uplift.us`. We’ve kept up to date with all the Discourse updates, and haven’t applied any custom styling yet.

I’ve found that the moto e5 generally displays sites the same as an iPhone 5; I don’t have one handy to test, but I wonder if the same might occur on an iPhone 5.

Our site (This is Chrome, but it’s identical on Firefox):

 ![Screenshot_20190620-121331](https://global.discourse-cdn.com/meta/original/3X/2/2/22624dc17e593b5dfb2152ec933d995bb3490faa.png)

---

<div class="post-metadata">

### Author: ![meatnordrink](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/meatnordrink/32/147583_2.png) [@meatnordrink](https://meta.discourse.org/u/meatnordrink)
#### Post date: [2019 年 6 月 20 日午後 4:50 UTC](https://meta.discourse.org/t/discourse-sign-up-display-offset-on-low-res-mobile-android/120803/6 "2019-06-20T16:50:11Z")

</div>

Sorry, had to put this in a separate post.

Here’s how it looks on Meta.

 ![Screenshot_20190620-121547](https://global.discourse-cdn.com/meta/original/3X/e/e/ee545650a68729330cd787a85b60864f11d8aed1.png)

---

<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: [2019 年 6 月 24 日午後 4:31 UTC](https://meta.discourse.org/t/discourse-sign-up-display-offset-on-low-res-mobile-android/120803/7 "2019-06-24T16:31:04Z")

</div>

Was able to reproduce the issue and added a fix here:

> [@Create new account page with lots of custom fields has height problem](https://meta.discourse.org/t/create-new-account-page-have-bugs/121099/2):
>
> I just pushed a fix that solves this issue: If you want to add this fix immediately you can add this css to your mobile stylesheet: .fixed-modal { .modal-middle-container { margin-bottom: 0; } .modal-inner-container { max-height: 90vh; overflow: auto; } }

I originally couldn’t see the issue because I was testing with the default modal, but this only occurred when custom fields made it taller than the viewport.

---

<div class="post-metadata">

### Author: ![meatnordrink](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/meatnordrink/32/147583_2.png) [@meatnordrink](https://meta.discourse.org/u/meatnordrink)
#### Post date: [2019 年 6 月 24 日午後 6:51 UTC](https://meta.discourse.org/t/discourse-sign-up-display-offset-on-low-res-mobile-android/120803/8 "2019-06-24T18:51:18Z")

</div>

Thanks so much, @Kris! That’s wonderful, we really appreciate it.
