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개의 좋아요

모든 필드가 이제 표시되는 것 같습니다. 제가 발견한 유일한 사소한 외관 문제는 iPhone XS에서 “새 계정 만들기” 헤더가 사파리 주소 막대 아래에 고정되어 표시된다는 점입니다. 눈치채기 전까지는 큰 문제가 아니지만, 한 번 눈치채면 그걸 지울 수가 없죠.

2개의 좋아요

네, 확실히 사소한 문제긴 하지만 그래도 수정할 가치가 있습니다. 확인해 볼게요.

2개의 좋아요

몇 주 전에 이미 해결되었어야 합니다

2개의 좋아요

지금은 모두 정상적으로 보입니다. 수고 많으셨습니다.

2개의 좋아요