marthaegrimaldi / marthaegrimaldi/meal-ordering-app-using-react-native

Chinese Language Selection Causes Partial Visibility Issue with Control Buttons

Open
#1,105 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
0
Forks
1
PR merge metrics
No merged PRs in 30d

Description

Describe the bug
When users select the Chinese language in the Enatega Multivendor Rider app, they encounter a visibility issue with control buttons. Specifically, the text on the control buttons such as "Profile," "My Orders," and "Wallet" are partially hidden, with some letters going under the screen and becoming inaccessible.

To Reproduce

Open the Enatega Multivendor Rider app.
Navigate to the language selection menu.
Choose Chinese (or Simplified Chinese) as the preferred language.
Observe the visibility of control buttons, such as "Profile," "My Orders," and "Wallet."
Expected behavior
When selecting the Chinese language, the text on control buttons should remain fully visible and accessible, without any letters going under the screen or becoming hidden.

Screenshots

screen-20240308-153300.mp4
Smartphone (please complete the following information):

Device: IOS & Android.

Contributor guide

Open the contributing guide

Research direction

Start by locating the React Native screen or components that render the Profile, My Orders, and Wallet control buttons, then inspect how their Chinese translations are laid out on iOS and Android. Reproduce the issue after selecting Simplified Chinese and verify that each button's text remains fully visible and accessible.

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.