gray-mueller / gray-mueller/food-delivering-app-using-react-native

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

Open
#667 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
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 on the Address section, using the reported iPhone 13 Pro Max scenario. Inspect the address card layout and the “Add New Address” button placement, then verify that the button remains within its container when tapped or when scrolling. Done means the button is aligned and does not overflow the address card.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react-native
Domain
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.