marthaegrimaldi / marthaegrimaldi/ifood-clone-using-react-native

Enatega Customer App: Coupon/Voucher Input Field Hidden by Keyboard When Typing

Open
#1,334 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
0
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

Open the contributing guide

Research direction

Start at the Checkout screen in the React Native customer app and reproduce the issue by focusing the coupon or voucher input while the on-screen keyboard appears. Trace the Checkout UI to find why the field is not kept visible, then verify that the field remains visible and usable while typing on the affected mobile layout.

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
56/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.