gray-mueller/food-delivery-applications-using-react-native

Enatega Customer App: Keypad hides the special instructions input field. iOS

Open

#183 opened on Mar 22, 2025

View on GitHub
 (0 comments) (0 reactions) (0 assignees)JavaScript (0 forks)auto 404
Enatega Multivendor Admin DashboardHigh Prioritybuggood first issue

Repository metrics

Stars
 (0 stars)
PR merge metrics
 (PR metrics pending)

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:

  1. Go to 'Enatega Customer Application'
  2. Select an item that you want to be in your cart.
  3. Now see there is input field for special instructions(e.g mayo)
  4. 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
Investigate using KeyboardAvoidingView or ScrollView with keyboardShouldPersistTaps to keep the input field visible above the keyboard on iOS.
Tech stack
javascriptreact native
Domain
mobile
Issue type
Bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
Under 1 hour
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Fresh
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
React NativeiOS development
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
80