MetaMask / MetaMask/metamask-extension

[Bug]: Hamburger menu does not toggle the main menu overlay closed

Open
#36,035 2 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

external-contributor regression-prod-13.2.3 Sev3-low team-design-system
Dominant language
TypeScript
Stars
13.2k
Forks
5.6k
Avg merge
2d 5h
Merged PRs (30d)
451

Description

### Describe the bug

The main menu overlay, which is opened by clicking the hamburger icon (three horizontal lines) in the top right corner of the extension, cannot be closed by clicking the same icon again. This behavior is counter-intuitive, as users typically expect a toggle action from such an icon. The current implementation requires clicking outside the menu area to dismiss it.

### Expected behavior

The main menu overlay should close upon the second click of the hamburger menu icon, returning the user to the main wallet view. The icon should function as a toggle to open and close the menu.

### Screenshots/Recordings

[Recording](https://mega.nz/file/xcQlFCTB#ikML9rzSiTj1vfeXMJBzkK9WC55zIlu9X9CjQAAjCDg)

### Steps to reproduce

1. Unlock the MetaMask extension.

2. Click on the hamburger menu icon in the top-right corner.

3. Observe that the main menu overlay (showing "Account details", "View on Explorer", "Connected sites", etc.) appears correctly.

4. Click on the same hamburger menu icon again.

### Error messages or log output

```shell

```

### Detection stage

In production (default)

### Version

13.2.3

### Build type

None

### Browser

Brave

### Operating system

MacOS

### Hardware wallet

_No response_

### Additional context

This is a minor UI/UX friction point, but addressing it would make the extension's behavior more consistent with standard web design patterns and improve the overall user experience. A screen recording can be provided if necessary.

### Severity

_No response_

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by tracing the hamburger menu icon entry point and the main menu overlay behavior in the extension UI. Reproduce the issue in version 13.2.3 or the current build, then verify that clicking the icon once opens the overlay and clicking it again returns to the main wallet view.

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.