MetaMask / MetaMask/metamask-extension
[Bug]: Petnames suggestions dropdown is overflowing the petnames modal
- Dominant language
- TypeScript
- Stars
- 13.2k
- Forks
- 5.6k
- Avg merge
- 2d 5h
- Merged PRs (30d)
- 451
Description
**Describe the bug**
In the attached video, you can see that the pet names suggestion dropdown in the form field is overflowing the pet names modal. The modal does not grow and cannot be scrolled to see the dropdown.
**Expected behavior**
The modal grows to include the dropdown or a different modal or page view is used that is big enough to include the dropdown.
**Screenshots/Recordings**
https://github.com/user-attachments/assets/25673f59-ccbb-40ec-816e-1e8ca835dbe3
**Steps to reproduce**
1. From Extension 12.15.1, go to send
2. Enter an ENS name like tednotlasso.eth
3. Proceed to confirmation screen
4. Click on the "to" address pill at the top
5. Click into the second input field where you can assign a pet name
6. Observe the behavior of the dropdown (you may need to start typing to get it to appear)
**Error messages or log output**
```shell
```
**Detection stage**
In production (default)
**Version**
12.15.1
**Build type**
None
**Browser**
Chrome
**Operating system**
MacOS
Contributor guide
Research direction
Start by reproducing the flow in the MetaMask extension: open Send, reach confirmation, open the recipient address pill, and trigger the pet name suggestions in the second input. Trace the pet names modal and dropdown layout, then verify that the modal contains or scrolls to the dropdown without overflow.
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