marthaegrimaldi / marthaegrimaldi/meal-ordering-app-using-react-native

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

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

Nobody has claimed this yet.

Dominant language
JavaScript
Stars
0
Forks
1
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

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 iOS customer app by opening the Address section and observing the “Add New Address” button while scrolling. Locate the address card screen or component, then confirm the button remains within its container on the reported device and iOS screen sizes.

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
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.