gray-mueller / gray-mueller/food-delivery-clone-app-using-react-native
Enatega Customer App: Keypad hides the special instructions input field. iOS
- Dominant language
- TypeScript
- 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
Reproduce the issue in the Enatega Customer Application on iOS by opening an item's Special Instructions field and typing with the on-screen keypad visible. Locate the input's mobile layout entry point; done when the field remains visible above the keyboard while entering text.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- 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