MetaMask / MetaMask/metamask-extension

[Bug]: In-App Notification - Transaction banner is overlayed when going to transaction details

Open
#43,926 0 comments 0 reactions 0 assignees View on GitHub
regression-prod-13.37.0 Sev3-low team-core-extension-ux type-bug ux-papercuts
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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.