Margaret-Petersen / Margaret-Petersen/uber-eats-clone-using-react-native

Enatega Admin Dashboard: Horizontal Scroll Bar Appearing on Side Menu in Dispatch Page

Open
#322 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
JavaScript
Stars
0
Forks
0
PR merge metrics
No merged PRs in 30d

Description

Describe the bug
A horizontal scroll bar is unnecessarily appearing in the side menu bar on the Dispatch page. This affects the UI experience, making the navigation panel look cluttered and potentially causing usability issues.

To Reproduce
Steps to reproduce the behavior:

Open the Dispatch page in the web application.
Observe the side menu bar on the left.
The scroll bar should be working only on the dispatch page not on side menu bar.

Expected behavior
The side menu bar should fit within its container without a horizontal scroll bar.

Desktop (please complete the following information):

OS: [e.g. Windows]
Browser [e.g. chrome]
Version [e.g. Latest]

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Open the web application and reproduce the issue on the Dispatch page, focusing on the left side menu. Inspect the side menu layout and styling to identify why its horizontal scrollbar appears. Done means the Dispatch page can still scroll as needed while the side menu fits its container without a horizontal scrollbar.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
48/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.