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

Text Invisibility in Dark Theme Mode When Entering an Address

Open
#1,475 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

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

Description

Issue: Text Invisibility in Dark Theme Mode When Entering an Address

Description:
Users have encountered a significant issue in the dark theme mode of the application when attempting to enter an address. In this mode, the text entered for the address is not visible, making it difficult for users to input accurate location information.

Steps to Reproduce:

Open the application on a compatible device.
Enable the dark theme mode within the application setting.
Navigate to a section where you need to enter an address.
Begin entering an address in the provided text field.
Observe the visibility of the text as you type.

Expected Result:
In dark theme mode, the text entered for the address should be visible and easily distinguishable from the background. Users should be able to enter addresses without any visibility issues.

Actual Result:
In dark theme mode, users find that the text they enter for the address is not visible, making it challenging to input accurate location information. This issue can lead to address entry errors.

Impact:
This issue has a significant negative impact on the user experience, as it hampers the user's ability to input addresses correctly in dark theme mode. Accurate address entry is crucial for various application features, including navigation and order deliveries.

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.

Research direction

Start by reproducing the issue in the address-entry text field with dark theme enabled, then locate that field and inspect its theme-related styling. Confirm the entered address text is visible and distinguishable from the background in dark mode, while preserving the existing light-mode behavior.

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
Quiet
Clarity
Mostly clear
Newbie friendliness
62/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.