MetaMask / MetaMask/snaps

[Mobile] Fix issue with image inside input

Open
#3,317 0 comments 0 reactions 0 assignees View on GitHub
snaps-bug-fix snaps-refined-backlog
Dominant language
TypeScript
Stars
853
Forks
662
Avg merge
2d 8h
Merged PRs (30d)
8

Description

Images inside input need some styles to be fixed (padding, etc.).

Image

It should work like the icon in the example.

Reference to extension code doing the same thing: https://github.com/MetaMask/metamask-extension/blob/main/ui/components/app/snaps/snap-ui-renderer/index.scss#L37-L42

Snap JSX code that can be used for testing:
```xml




ETH







Whatever







Whatever




```

Contributor guide

Open the contributing guide

Research direction

Start with the Snap JSX example in the issue and compare the image styling with the referenced extension code in index.scss. Locate the Snap UI renderer styles for images inside input-adjacent content, then verify the padding and alignment in the normal and error examples. Done means the image behaves like the example icon in all three cases.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.