gray-mueller / gray-mueller/food-delivering-app-using-react-native
“Done” Button Text Is Getting Cut Off During Checkout Input – Customer App
- 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
Research direction
No file or test is named. Start by reproducing the issue in the customer app during checkout while focusing an address or instructions field, then inspect the Done button layout around the soft keyboard or input overlay; done means the full label is visible without clipping on the tested device platforms.
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
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100