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

Enatega Customer App iOS: Double categories overlaps or hides restaurant details when viewing restaurant details on small screens.

Open

#187 opened on Mar 22, 2025

View on GitHub
 (0 comments) (0 reactions) (0 assignees)JavaScript (0 forks)auto 404
Enatega Multivendor Admin DashboardHigh Prioritybuggood first issue

Repository metrics

Stars
 (0 stars)
PR merge metrics
 (PR metrics pending)

Description

Describe the bug

When opening restaurant details on small screens, the double categories (or category section) are either overlapping or getting hidden, making them inaccessible to the user. This affects usability and navigation within the restaurant details page.

To Reproduce Steps to reproduce the behavior:

  1. Open the application on a small screen (e.g., mobile device).
  2. Navigate to the restaurant listing.
  3. Select a restaurant to open its details page.
  4. Now see error Double categories overlap restaurant details on small screen.

Expected behavior

The categories should be fully visible and properly formatted on small screens without overlapping the restaurant details

Smartphone (please complete the following information):

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

Contributor guide

Research direction
Investigate the restaurant details page component for small screen layout issues. Specifically, examine the category list and its positioning to fix overlapping or hiding of content.
Tech stack
react native
Domain
mobile
Issue type
Bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
Half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Fresh
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
React NativeCSS layout
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
60