gray-mueller / gray-mueller/food-delivery-applications-using-react-native

Enatega Customer App: (Fix on all SEE ALL pages) Categories horizontal scroll bar remains visible when scrolling restaurant list below it.

Open
#294 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
When scrolling down the restaurant list, the horizontal scroll bar for the categories section remains visible instead of hiding. This causes a visual distraction and may interfere with the user experience on small screens.
To Reproduce
Steps to reproduce the behavior:

Go to 'Enatega Customer Application'
On discovery page, click See All button see error there.
Scroll horizontally within the categories section to browse different categories.
Scroll vertically down the restaurant list.
Observe that the horizontal scroll bar remains visible when it should hide.

Expected behavior
The horizontal scroll bar for categories should disappear when scrolling the restaurant list downward to ensure a cleaner UI.

Smartphone (please complete the following information):

Device: [e.g. iPhone12]
OS: [e.g. iOS]
Browser [e.g. Application]
Version [e.g. Latest]

Contributor guide

Open the contributing guide

Research direction

Start in the Enatega Customer Application discovery page and reproduce the issue from a SEE ALL page by horizontally scrolling categories, then scrolling the restaurant list vertically. Done means the categories scrollbar is no longer visible while the restaurant list is being scrolled, consistently across all SEE ALL pages.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react-native
Domain
mobile
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
42/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.