hector-jewell / hector-jewell/uber-eats-clone-using-react-native
Enatega Customer App: Coupon/Voucher Input Field Hidden by Keyboard When Typing
- Dominant language
- JavaScript
- Stars
- 1
- Forks
- 0
- PR merge metrics
- No merged PRs in 30d
Description
Description:
When applying a coupon or voucher, the input field is pushed out of view by the on-screen keyboard. This makes it difficult for the user to see what they are typing and interact with the field. The UI does not automatically adjust or scroll to keep the input field visible.
Steps to Reproduce:
Navigate to the Checkout screen.
Tap on the Coupon/Voucher input field.
Observe the UI when the on-screen keyboard appears.
Expected Result:
The screen should automatically adjust or scroll to ensure the coupon/voucher input field remains visible above the keyboard while typing.
Actual Result:
The coupon/voucher input field is hidden behind the keyboard, making it hard for the user to enter text.
Smartphone (please complete the following information):
Device: [e.g. Infinix hot 50]
OS: [e.g. Android]
Browser [e.g. App]
Version [e.g. Latest]
Labels: Enatega Multivendor Customer App, High Priority, Bug, Good First Issue
Contributor guide
Research direction
Start by reproducing the issue on the Checkout screen in the Enatega Customer App, then locate the screen's coupon/voucher input implementation and its keyboard handling. The work is done when the field remains visible above the on-screen keyboard while typing on the affected mobile setup.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react-native
- Domain
- frontend, mobile
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 65/100