gray-mueller / gray-mueller/milk-delivery-app-react

Excessive Scrolling Required to Select Menu Tabs

Open
#150 0 comments 0 reactions 0 assignees View on GitHub
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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.