landy-react-template icon indicating copy to clipboard operation
landy-react-template copied to clipboard

Published 20 hours ago • verified publisher icon Adrinlol

Horizontal overflow on mobile

Open samuelschnurr opened this issue 9 months ago • 3 comments

Description:

When the landy webpage is visisted with an mobile a layout problem occurs. A horizontal scrollbar appears and the user is able to scroll into an empty and white part of the site.

Reproduce:

Oben landy on mobile. Let the reveal start from the right side. Swipe on mobile to the right side. You come to an empty part of the website.

-> Sometimes the layout keeps in this state and you will still be able to scroll horizontal -> Sometimes the layout refreshes and resets the layout, but resets your scrolling position (which is even worse)

https://github.com/Adrinlol/landy-react-template/assets/12766757/45414730-5f3d-4f16-8400-7c161d52322b

samuelschnurr avatar May 13 '24 18:05 samuelschnurr

It looks like you're using an emulator. I've tested it on my phone using both Chrome and Firefox, and it's working fine.

sabeerbikba avatar Jul 30 '24 08:07 sabeerbikba

Hello,

i reproduced it on native iOS Edge - its the same problem. You also can reproduce it on desktop browser if you horizontal scroll in a small window.

samuelschnurr avatar Jul 30 '24 08:07 samuelschnurr

https://github.com/user-attachments/assets/1ab30b6b-e31c-4970-ae33-14a040b9fe2d

samuelschnurr avatar Jul 30 '24 08:07 samuelschnurr