Email textbox is offscreen when registering on mobile

A user on our site today reported an issue where when trying to register using their phone, the email textbox is under their address bar. It’s still editable and focus, but it’s impossible to what is being typed. On my iPhone XS, I can see the caret flashing in in the top left corner of the address bar, offset about 1/2 of the line height up.

We have four custom user fields that make the registration page larger than the standard, but when they were first added everything worked fine. Disabling these fields and the page works correctly. Currently you can scroll down to answer these questions, but you cannot scroll up to see the email.

Adding padding-top:196px to the “.create-account .modal-inner-container” will bring the email box into view on my phone, but on an Galaxy Note 8 it’s overkill and there’s a large blank space.

Loading the site in Desktop mode works correctly and all fields are visible.

can you share a link to your site? that would make troubleshooting much easier

1 лайк

Sure, it’s https://community.evolvedgaming.org/

С тех пор, как это было сообщено, были внесены некоторые изменения, и я считаю, что проблема решена. У вас всё ещё возникают какие-либо проблемы здесь, @Wedgebert?

1 лайк

Похоже, теперь все поля отображаются. Единственная мелкая косметическая проблема, которую я заметил, — это заголовок «Создать новую учётную запись», который зафиксирован так, что появляется под адресной строкой Safari на моём iPhone XS. Не большая проблема, пока не обратишь на это внимание, а после того как увидишь, уже не увидишь обратно.

2 лайка

Да, определённо более мелкая, но всё же стоит исправить. Я посмотрю.

2 лайка

Это должно было быть исправлено еще несколько недель назад

2 лайка

Всё выглядит отлично. Спасибо за работу.

2 лайка