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

“Done” Button Text Is Getting Cut Off During Checkout Input – Customer App

Open
#706 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

Describe the bug
In the customer app, while typing in a field during the checkout process, the “Done” button displayed on the screen shows cut-off text. The full word “Done” is not visible, which impacts readability and UI polish.

To Reproduce
Steps to reproduce the behavior:

Open the customer app

Proceed to checkout

Tap into any input field (e.g., address or instructions)

Observe the “Done” button while typing

Expected behavior
The “Done” button should display its label completely, without clipping or text cut-off.

Screenshots

Smartphone (please complete the following information):

Device: Android A15 / iPhone (if tested on both, specify both)

OS: [e.g., Android 14, iOS 17]

App Version: [add if known]

Additional context
This seems to be a minor layout or padding issue with the soft keyboard or input overlay affecting the button. It should be addressed to improve the app’s visual consistency and user experience.

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the issue in the customer app during checkout with an input field focused, checking the “Done” button on the reported Android and iPhone environments. Trace the checkout input and soft-keyboard overlay components to find the button layout. Done means the full “Done” label is visible without clipping on the affected devices.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.