Skip to content

Conversation

@sahar-fehri
Copy link
Contributor

@sahar-fehri sahar-fehri commented Dec 1, 2025

Description

Fix scroll issue on network modal

Open in GitHub Codespaces

Changelog

CHANGELOG entry: fix scroll issue on network modal.

Related issues

Fixes: #38145

Manual testing steps

  1. click on network selector on main page
  2. It should not be already scrolled down

Screenshots/Recordings

Before

Screen.Recording.2025-12-01.at.16.11.10.mov

After

Screen.Recording.2025-12-01.at.16.09.28.mov

Pre-merge author checklist

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.

Note

Sets focus={false} on NetworkListItem across custom and default network lists (including "All popular networks") to avoid auto-scroll on open.

  • UI – Network Manager:
    • Set focus={false} on NetworkListItem in:
      • custom-networks.tsx for custom networks entries.
      • default-networks.tsx for each default network entry.
      • default-networks.tsx "allPopularNetworks" aggregate item.

Written by Cursor Bugbot for commit 14a6151. This will update automatically on new commits. Configure here.

@github-actions
Copy link
Contributor

github-actions bot commented Dec 1, 2025

CLA Signature Action: All authors have signed the CLA. You may need to manually re-run the blocking PR check if it doesn't pass in a few minutes.

@metamaskbot
Copy link
Collaborator

✨ Files requiring CODEOWNER review ✨

👨‍🔧 @MetaMask/core-extension-ux (2 files, +3 -0)
  • 📁 ui/
    • 📁 components/
      • 📁 multichain/
        • 📁 network-manager/
          • 📁 components/
            • 📁 custom-networks/
              • 📄 custom-networks.tsx +1 -0
            • 📁 default-networks/
              • 📄 default-networks.tsx +2 -0

@sahar-fehri sahar-fehri marked this pull request as ready for review December 1, 2025 15:11
@sahar-fehri sahar-fehri requested a review from a team as a code owner December 1, 2025 15:11
@sahar-fehri sahar-fehri enabled auto-merge December 1, 2025 15:27
name={network.name}
iconSrc={iconSrc}
iconSize={AvatarNetworkSize.Md}
focus={false}
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

good fix. Does this mean we won't have focusing/scrolling to bottom if you have a network added in the bottom of the list?
E.g. if you've only selected TRON?

I think that this might be an acceptable

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yes if you select TRON and re-open this modal; it will be already scrolled to top

@metamaskbot
Copy link
Collaborator

Builds ready [14a6151]
UI Startup Metrics (1274 ± 112 ms)
PlatformBuildTypePageMetricMean (ms)Min (ms)Max (ms)Std Dev (ms)P 75 (ms)P 95 (ms)
ChromeBrowserifyStandard HomeuiStartup12741069172211213531453
load106188714769911181209
domContentLoaded105588214709811141202
domInteractive2714119222387
firstPaint49287121740710301159
backgroundConnect22020125712227242
firstReactRender30196293351
getState4217176244686
initialActions104112
loadScripts840668121995901998
setupStore1374061428
numNetworkReqs1257820572
BrowserifyPower User HomeuiStartup20911769325327222402643
load1032919181214310451364
domContentLoaded1017908180314210271354
domInteractive37182443531129
firstPaint5599318164149621302
backgroundConnect25020462682236504
firstReactRender63411161668101
getState18813565456203236
initialActions109113
loadScripts80669115891427991143
setupStore21105582535
numNetworkReqs104682845299267
WebpackStandard HomeuiStartup8146881269898351020
load637557101581655817
domContentLoaded633553101281649811
domInteractive27151322620100
firstPaint21484862152207636
backgroundConnect1157381228
firstReactRender27207173138
getState2714116143448
initialActions103112
loadScripts630551100379648806
setupStore1154361221
numNetworkReqs1257720573
WebpackPower User HomeuiStartup16181279248225418482070
load678591107287680913
domContentLoaded667586106488668908
domInteractive36171763133126
firstPaint29594735185365661
backgroundConnect61761813720547
firstReactRender614610096875
getState18213167471182211
initialActions102012
loadScripts664584105186665899
setupStore22953122646
numNetworkReqs1696941579218348
FirefoxBrowserifyStandard HomeuiStartup13461103188716114421662
load1109954158411011771321
domContentLoaded1108952158311011771320
domInteractive58321272881113
firstPaint------
backgroundConnect55223134274141
firstReactRender24185262539
getState146127181028
initialActions103022
loadScripts107693715119611351258
setupStore136145151133
numNetworkReqs1256916662
BrowserifyPower User HomeuiStartup26181752425852927454030
load1177950258824011781564
domContentLoaded1176950258724011721563
domInteractive11233508107104431
firstPaint------
backgroundConnect12226861120132370
firstReactRender6034228226195
getState293601088225402783
initialActions216123
loadScripts1134931256521711311497
setupStore1426756178150653
numNetworkReqs102622435981237
WebpackStandard HomeuiStartup14951219195915115961792
load12351054163111313141428
domContentLoaded12351053162711213141427
domInteractive62271823985142
firstPaint------
backgroundConnect45201863044116
firstReactRender26195252836
getState137152211123
initialActions104123
loadScripts12091039160910612871378
setupStore135118171060
numNetworkReqs1256716761
WebpackPower User HomeuiStartup30202255524473330504966
load15061165305245415102900
domContentLoaded15051165305245415102900
domInteractive131291012167103471
firstPaint------
backgroundConnect162271209219141466
firstReactRender65401602267106
getState29558874218391794
initialActions2033323
loadScripts14351150288536414822655
setupStore15351318202158621
numNetworkReqs103632476280237
📊 Page Load Benchmark Results

Current Commit: 14a6151 | Date: 12/1/2025

📄 Localhost MetaMask Test Dapp

Samples: 100

Summary

  • pageLoadTime-> current mean value: 1.03s (±39ms) 🟡 | historical mean value: 1.04s ⬇️ (historical data)
  • domContentLoaded-> current mean value: 715ms (±37ms) 🟢 | historical mean value: 725ms ⬇️ (historical data)
  • firstContentfulPaint-> current mean value: 75ms (±14ms) 🟢 | historical mean value: 77ms ⬇️ (historical data)

📈 Detailed Results

Metric Mean Std Dev Min Max P95 P99
pageLoadTime 1.03s 39ms 1.00s 1.32s 1.05s 1.32s
domContentLoaded 715ms 37ms 695ms 992ms 735ms 992ms
firstPaint 75ms 14ms 56ms 200ms 84ms 200ms
firstContentfulPaint 75ms 14ms 56ms 200ms 84ms 200ms
largestContentfulPaint 0ms 0ms 0ms 0ms 0ms 0ms
Bundle size diffs [🚨 Warning! Bundle size has increased!]
  • background: 515.36 KiB (11.03%)
  • ui: 709.92 KiB (10.07%)
  • common: 197.84 KiB (2.26%)

@sahar-fehri sahar-fehri added this pull request to the merge queue Dec 2, 2025
Merged via the queue into main with commit 1c19782 Dec 2, 2025
190 of 191 checks passed
@sahar-fehri sahar-fehri deleted the fix/fix-scroll-issue-on-network-popover branch December 2, 2025 16:00
@github-actions github-actions bot locked and limited conversation to collaborators Dec 2, 2025
@metamaskbot metamaskbot added the release-13.13.0 Issue or pull request that will be included in release 13.13.0 label Dec 2, 2025
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

release-13.13.0 Issue or pull request that will be included in release 13.13.0 size-XS team-assets

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Bug]: "All popular networks" does not scroll the list to the top in network selection dialog

7 participants