gray-mueller / gray-mueller/food-delivery-clone-app-using-react
Enatega Customer App: Keypad hides the special instructions input field. iOS
- Dominant language
- JavaScript
- Stars
- 0
- Forks
- 0
- PR merge metrics
- No merged PRs in 30d
Description
Describe the bug
When entering text in the Special Instructions input field on a mobile device, the on-screen keypad overlaps the input field, making it difficult for users to see what they are typing. This affects the user experience and can lead to mistakes while entering instructions.
To Reproduce
Steps to reproduce the behavior:
Go to 'Enatega Customer Application'
Select an item that you want to be in your cart.
Now see there is input field for special instructions(e.g mayo)
See error Tap on the input field to enter text.
5.Observe that the on-screen keypad overlaps or hides the input field.
Expected behavior
The Special Instructions input field should remain visible above the keyboard when typing.
Smartphone (please complete the following information):
Device: [e.g. iPhone12]
OS: [e.g. iOS8.1]
Browser [e.g. Application ]
Version [e.g. Latest]
Contributor guide
Research direction
Start in the Enatega Customer Application and reproduce the issue on an iOS device by opening the Special Instructions field while the keyboard is visible. Locate that input's screen and inspect how it behaves when typing. Done means the field remains visible above the on-screen keypad and still accepts text without overlap.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react
- Domain
- frontend, mobile-dev
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100