MetaMask / MetaMask/metamask-extension
[Bug]: Overlapping text in advanced gas fee popover inputs
- 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
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