MetaMask / MetaMask/metamask-extension
[Bug]: In-App Notification - Transaction banner is overlayed when going to transaction details
- Dominant language
- TypeScript
- Stars
- 13.2k
- Forks
- 5.6k
- Avg merge
- 2d 5h
- Merged PRs (30d)
- 451
Description
### Describe the bug
Whenever I cancel a transaction, I see the Cancel transaction banner. If I click the transaction I see that the banner remains at the background of the page, resulting cut
### Expected behavior
Banner should remain in front?
### Screenshots/Recordings
https://github.com/user-attachments/assets/6dc771cf-5844-4963-a0b9-8deb05b5b593
### Steps to reproduce
1. Start a transaction
2. Set minimal fees
3. Confirm
4. Now click Cancel -- See Cancel transaction failed
5. Confirm
6. Click the tx to go to the details page
7. See overlayed notification at the bottom
### Error messages or log output
```shell
```
### Where was this bug found?
Live version (from official store)
### Version
13.37.0
### Build type
None
### Browser
Chrome
### Operating system
MacOS
### Hardware wallet
_No response_
### Additional context
_No response_
### Severity
_No response_
Contributor guide
Research direction
Reproduce the flow in Chrome on macOS using version 13.37.0: cancel a transaction, confirm the failed cancellation, then open its details. Trace the in-app notification and transaction-details entry points to determine why the banner is behind the page. Done when the cancellation notification has the intended foreground behavior on the details page and the regression is covered by a test.
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
- Quiet
- Clarity
- Needs clarification
- Newbie friendliness
- 45/100