gray-mueller / gray-mueller/milk-delivery-app-react
Excessive Scrolling Required to Select Menu Tabs
- Dominant language
- JavaScript
- Stars
- 0
- Forks
- 0
- PR merge metrics
- No merged PRs in 30d
Description
Describe the bug
Users must repeatedly scroll down the page to select the desired menu tab, leading to a frustrating and inefficient user experience when navigating the restaurant's menu.
To Reproduce
Open the restaurant's menu page.
Attempt to switch between different menu tabs.
Observe the need to scroll down repeatedly to locate and select the desired tab.
Expected behavior
Menu tabs should be easily accessible without requiring repetitive scrolling, allowing users to navigate efficiently.
Screenshot
https://github.com/user-attachments/assets/55c294d4-0807-44e9-8aa4-2648c95d512c
Actual Behavior:
The menu tabs are not consistently accessible, forcing users to scroll up and down repeatedly to find the correct tab.
Smartphone (please complete the following information):
Device: iPhone15pro
OS: iOS17.6.1
Contributor guide
Research direction
Start at the restaurant menu page and reproduce switching between menu tabs on an iPhone 15 Pro running iOS 17.6.1, using the attached screenshot as reference. Trace how the tabs remain accessible while scrolling, and consider the issue done when users can switch tabs without repeatedly scrolling up and down.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100