Margaret-Petersen / Margaret-Petersen/uber-eats-clone-using-react-native
UI Bug in Restaurant Customise Screen
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 0
- Forks
- 0
- PR merge metrics
- No merged PRs in 30d
Description
Describe the bug
The UI is moving above the header and causing issues as shown in the screenshot.
To Reproduce
Steps to reproduce the behavior:
Create a new restaurant or check out a new restaurant such as "somerestaurant" where the items are added as default without any image.
2- The UI also have keyboard avoiding view issue with "Special Instructions" fields
Expected behavior
The UI should not move above header
Screenshots
IMG_78E169CC2E24-1
Desktop (please complete the following information):
OS: Tested on iOS
Smartphone (please complete the following information):
Device: iPhone 15 Pro Physical device
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reproducing the issue on an iPhone 15 Pro in the restaurant customise screen, using a restaurant whose items have no images. Inspect the screen's header movement and keyboard avoidance around the Special Instructions fields. Done means the UI stays below the header and the fields behave correctly when the keyboard opens.
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
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100