lambertf917 / lambertf917/cafe-ordering-system-using-react-js

Product description expands beyond screen width and becomes unclickable in Enatega app

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

Nobody has claimed this yet.

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

Description

Describe the bug
In the Enatega application store, when clicking on the arrow down button to expand and view the complete description, the content overflows beyond the screen limit on the right side, making part of it unclickable.

To Reproduce
Steps to reproduce the behavior:

Open the Enatega app on an Android device.
Navigate to the store section.
Click on the arrow down button to expand the product description.
Observe that the expanded content exceeds the screen width on the right and becomes unclickable.
Expected behavior
The expanded description should remain within the visible screen boundaries, ensuring that all content is viewable and interactable.

Smartphone (please complete the following information):

Device: Samsung A15

OS: Android

Additional context
This may be caused by missing responsive styles or improper layout handling when content expands. Needs fixing to ensure mobile usability and accessibility.

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

Reproduce the issue in the Android app's store section by expanding a product description, then locate the component and styles responsible for that expanded layout. Confirm the fix by checking that the full description stays within the screen width and remains completely clickable on the Samsung A15 or a comparable Android device.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend, mobile
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.