Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Bug: Screen scrolls when it shouldn’t, causing UI to go off-screen (Desktop and Portrait tablet) #2305

Open
fancyham opened this issue Nov 28, 2024 · 0 comments
Labels
Priority - High Production requires hotfix Ready for dev lead Issue ready for dev lead to review Release Note: Bug Something isn't working (Shows on release notes under "Bug Fixes") Role: Front-end Front End Developer
Milestone

Comments

@fancyham
Copy link
Collaborator

Describe the bug

la.foodosis.net seems to think that the screen/viewport is larger than it actually is, and is allowing scrolling of everything, including the UI at the top of the app. This means that the logo, menu, and address bar can fall off-screen, breaking the app.

Steps to reproduce the issue

On an iPad / desktop machine — seems to happen with all device sizes, though

  1. Go to la.foodoasis.net
  2. Enter a zip code and view the map
  3. Scroll the entire page — I used my finger to scroll by tapping and dragging the top rows where the logo and hamburger menu are

What's the expected result?

  • Nothing should scroll except the map and search results. The top rows should float / be locked in place.

It seems like the screen measurement are incorrect

What's the actual result?

  • The entire page scrolls. See the scroll bars at the right in the video.

  • This happens in both desktop view and ‘tall portrait’ view. But doesn’t happen in Mobile view.

Additional details / screenshot

  • Video recording (drag in)
RPReplay_Final1732773904.mp4

Device configuration

  • Device: iPad 12.9
  • OS version: 18
  • Browser: Safari
@fancyham fancyham added Release Note: Bug Something isn't working (Shows on release notes under "Bug Fixes") Role: Front-end Front End Developer Ready for dev lead Issue ready for dev lead to review Priority - High Production requires hotfix labels Nov 28, 2024
@fancyham fancyham added this to the 06. Bug fixes milestone Nov 28, 2024
@github-project-automation github-project-automation bot moved this to New Issue Approval in P: FOLA: Project Board Nov 28, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Priority - High Production requires hotfix Ready for dev lead Issue ready for dev lead to review Release Note: Bug Something isn't working (Shows on release notes under "Bug Fixes") Role: Front-end Front End Developer
Projects
Status: New Issue Approval
Development

No branches or pull requests

1 participant