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.
- 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
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