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

Open Beginner friendly
#1,293 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
2/5
Estimated time
1-3 hours
Newbie friendliness
65/100
Issue type
Bug
Clarity
Mostly clear
Activity status
Quiet
Tech stack
javascript, react-native
Domain
frontend, mobile

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.

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

Dominant language
JavaScript
Stars
1
Forks
0
No merged PRs in 30d

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from hector-jewell/uber-eats-clone-using-react-native

All issues in hector-jewell/uber-eats-clone-using-react-native

Similar issues

More JavaScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.