MemoWikis/webapp

horizontal line appears on iOS 15 and probably others

Opened this issue · 3 comments

Environment:

  • logged in
  • iOS, v15.4 / iPhone 12 / Chrome
  • iOS, v15.4 / iPhone 13 / Safari
  • iOS, v17.3 / iPhone 15 / Safari
  • .. And probably others
  • does not happen on: iPhone 14 v16.4 / Chrome

see the video:
https://somup.com/cZ13IaEZVV

when scrolling, this line appears:
Image

Probable cause: The problem is that when logging in, clicking in the Email or Password field causes the page to zoom in, and it appears that this zoom cannot be undone, making the page too large for the phone.

Daniel: that's the vertical scrollbar, seems like the website is scaled wrong on these iphone devices

relaeted #954

happens because ios forces zoom, thus rendering the scrollbar over the 'invisible digital keyboard'