gray-mueller / gray-mueller/foodpanda-clone-using-react-native

“Add New Address” Button Misaligned and Moving Out of Card in iOS Customer App

Open
#85 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

Describe the bug
In the iOS customer app, the “Add New Address” button is not correctly positioned within its container. Instead of appearing neatly on the address card (or within its intended section), the button shifts out of place, affecting the UI layout and making it harder for users to interact with it properly.

To Reproduce
Steps to reproduce the behavior:

Open the iOS customer app
Go to the Address section
Tap on “Add New Address” or scroll to the bottom
Observe that the button is misaligned and not fixed on the card as expected
Expected behavior
The “Add New Address” button should remain fixed within the address card/container layout and should not move or overflow outside its boundary.

Screenshots

Image

Smartphone (please complete the following information):

Device: iPhone 13 Pro Max

OS: iOS [e.g., iOS 17.x]

App Version: [Please specify if known]

Additional context
This layout issue may be caused by inconsistent padding/margin settings or constraints not being applied correctly for iOS screen sizes. It affects the overall user experience and should be aligned as per the design guidelines.

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the issue in the iOS customer app's Address section on the listed iPhone 13 Pro Max context, then locate the address card and its “Add New Address” control. Done means the button stays aligned within the card or intended container and does not move or overflow while tapping or scrolling.

Written by the indexing model from the issue text.

Assessment

Tech stack
ios, react-native, typescript
Domain
frontend, mobile
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.