gray-mueller / gray-mueller/restaurant-ordering-system-using-react-js
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
Start in the Enatega Customer Application by locating the Special Instructions input described in the reproduction steps and testing it on an iOS device. Verify the input remains visible while the on-screen keypad is open; done means users can see the text they enter without the keypad overlapping the field.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, 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