gray-mueller / gray-mueller/restaurant-delivery-platform-using-react-js

Half of Checkout Section Hidden in Order Section at 100% Page Size on Enatega Food Delivery Website

Open
#442 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
0
Forks
0
PR merge metrics
No merged PRs in 30d

Description

Description:
While navigating to the Order section on the Enatega Food Delivery website and setting the page size to 100%, a critical issue is identified where approximately half of the Checkout section becomes hidden.

Steps to Reproduce:
Visit the Enatega Food Delivery website.
Navigate to the Order section.
Set the page size to 100%.
Observe the Checkout section to identify if approximately half of it is hidden.

Expected Behavior:
At 100% page size, the entire Checkout section should be fully visible and accessible within the Order section, ensuring a seamless user experience.

Actual Behavior:
Upon setting the page size to 100%, approximately half of the Checkout section is hidden within the Order section.

13.12.2023_14.49.48_REC.mp4

Contributor guide

Open the contributing guide

Research direction

Reproduce the issue on the Enatega Food Delivery website by opening the Order section at 100% page size and observing the Checkout section. Trace the Order and Checkout UI from the relevant frontend entry points; done means the entire Checkout section is visible and accessible at 100%.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend, web-dev
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
48/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.