MetaMask / MetaMask/metamask-extension

[Bug]: Overlapping text in advanced gas fee popover inputs

Open
#14,023 0 comments 0 reactions 0 assignees View on GitHub
area-gas EIP-1559-V2 needs-design Sev3-low
Dominant language
TypeScript
Stars
13.2k
Forks
5.6k
Avg merge
2d 5h
Merged PRs (30d)
451

Description

### Describe the bug

If you enter a large enough number in the advanced gas fee inputs you, the input text and the right aligned estimate overlap making both numbers impossible to read:

https://user-images.githubusercontent.com/34557516/158867872-ada4893c-f7fc-45d9-a189-6406acf2992b.mov

### Steps to reproduce

1. Enable Enhanced Gas Fee UI
2. Start any transaction
3. Go to advanced gas fee
4. Enter a large number in either input.

### Error messages or log output

_No response_

### Version

10.11.2

### Build type

_No response_

### Browser

Chrome

### Operating system

MacOS

### Hardware wallet

_No response_

### Additional context

_No response_

Contributor guide

Open the contributing guide

Research direction

No source file or test is identified in the issue. Reproduce by enabling Enhanced Gas Fee UI, starting a transaction, opening advanced gas fee, and entering a large number in either input; done means the entered value and right-aligned estimate remain readable without overlapping.

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.