Description

Fixes an issue where clicking outside the sort/import popovers did not close them.

Root cause: All popovers used the entire asset-list-control-bar Box as their referenceElement. The Popover's onClickOutside excludes clicks inside the reference element, making the exclusion zone too large.

Solution: Use specific refs for each popover trigger button instead of the entire control bar:

• Created sortButtonRef for the sort button
• Created importButtonRef for the import control button
• Updated ImportControl to use forwardRef to receive the ref
• Removed unused Network Filter Popover and related dead code

Changelog

CHANGELOG entry: Increased clickable area to close buttons in asset list control bar

Related issues

Fixes: #37628

Manual testing steps

1. Open the extension and go to the Portfolio view (Tokens tab)
2. Click the sort/filter button (funnel icon) to open the sort popover
3. Click on the "NFTs" or "Activity" tab
4. Verify the popover closes
5. Repeat with the vertical "..." menu popover

Screenshots/Recordings

Before

See issue description

After

Pre-merge author checklist

• I've followed MetaMask Contributor Docs and MetaMask Extension Coding Standards.
• I've completed the PR template to the best of my ability
• I've included tests if applicable
• I've documented my code using JSDoc format if applicable
• I've applied the right labels on the PR (see labeling guidelines). Not required for external contributors.

Pre-merge reviewer checklist

• I've manually tested the PR (e.g. pull and build branch, run the app, test code being changed).
• I confirm that this PR addresses all acceptance criteria described in the ticket it closes and includes the necessary testing evidence such as recordings and or screenshots.