MetaMask / MetaMask/metamask-mobile

[Bug]: BadgeWrapper issue on android causes tiny icons

Open
#27,338 0 comments 0 reactions 0 assignees View on GitHub
regression-prod-* Sev2-normal team-design-system type-bug
Dominant language
TypeScript
Stars
3k
Forks
1.7k
Avg merge
1d 14h
Merged PRs (30d)
669

Description

### Describe the bug

Icons can sometimes be tiny on Android due to the `BadgeWrapper`. As I understand it:
`it waits until whole image is loaded and then reserves correct space, ios is doing it even before it loads the image`

### Expected behavior

No tiny icons

### Screenshots/Recordings

![Image](https://github.com/user-attachments/assets/d4c8553b-9242-4ad4-8c5b-fcdd947367fb)

### Steps to reproduce

N/A

### Error messages or log output

```shell

```

### Where was this bug found?

Live version (from official store)

### Version

7.68

### Build number

N/A

### Build type

None

### Device

Android Samsung A32

### Operating system

Android

### Additional context

_No response_

### Severity

_No response_

Contributor guide

Open the contributing guide

Research direction

Locate the BadgeWrapper implementation and inspect how image loading and space reservation differ between Android and iOS. Reproduce the report on Android, ideally the Samsung A32 environment described, and verify that icons no longer render tiny before the image is loaded.

Written by the indexing model from the issue text.

Assessment

Tech stack
android, react-native, typescript
Domain
mobile
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.