MetaMask / MetaMask/metamask-mobile

[Bug]: Watermark for textboxes not visible properly across the app

Open
#19,873 0 comments 0 reactions 0 assignees View on GitHub
regression-RC-7.56.0 Sev3-low team-design-system
Dominant language
TypeScript
Stars
3k
Forks
1.7k
Avg merge
1d 14h
Merged PRs (30d)
669

Description

### Describe the bug

The watermark (placeholder text) inside textboxes is not clearly visible in most places within the application. This makes it difficult for users to identify the expected input.

### Expected behavior

The watermark/placeholder text should be clearly visible and readable in all textboxes across the app.

### Screenshots/Recordings

Image
Image

### Steps to reproduce

Open the application.
Navigate to any screen with input textboxes ( wallet custom import, send).
Observe the watermark/placeholder text inside the textbox.

### Error messages or log output

```shell

```

### Detection stage

During release testing

### Version

7.56.0

### Build type

None

### Device

iphone 15

### Operating system

iOS

### Additional context

_No response_

### Severity

_No response_

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the placeholder visibility issue on an iPhone 15 running iOS, focusing on the wallet custom import and send screens named in the report. Trace how textbox watermark styling is shared across those screens and the rest of the app. Done means placeholder text is clearly readable in all affected textboxes and the reported flows are verified.

Written by the indexing model from the issue text.

Assessment

Tech stack
react-native, typescript
Domain
frontend, mobile
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 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.