fix(onboarding): fox animation not resizing dynamically on welcome page by smgv · Pull Request #41499 · MetaMask/metamask-extension

smgv · 2026-04-07T08:10:54Z

Description

The fox (Rive) animation on the welcome/onboarding page did not resize correctly during real-time browser window resizing. The animation appeared cropped or cut off when the window was resized without a page reload.

Attached a containerRef to the outer Box wrapper to accurately measure container dimensions.
Added a syncCanvasSize function that reads clientWidth/clientHeight from the container, accounts for devicePixelRatio, updates the <canvas> backing buffer dimensions and CSS size, then calls rive.resizeToCanvas() to re-render the animation into the new bounds.
The function fires once on mount and is wired to window.addEventListener('resize') for real-time updates. An early bail-out prevents redundant DOM writes when dimensions haven't changed.
Updated the CSS container for small screens (screen-md-max): replaced fixed 300px × 400px with clamp(200px, 35vh, 350px) height and width: 100%, removed the margin-bottom: -70px offset that was causing bottom clipping, and added overflow: hidden to prevent content bleed.
Changed Alignment.Center → Alignment.BottomCenter so the fox stays anchored to the bottom as the container shrinks.

Jira Link: https://consensyssoftware.atlassian.net/browse/TO-673

Changelog

CHANGELOG entry: Fixed the fox animation on the welcome screen being cut off or distorted when resizing the browser window without reloading.

Related issues

Fixes:

Manual testing steps

Open MetaMask extension and navigate to the onboarding welcome page (first launch or cleared state).
Slowly resize the browser window narrower and wider — the fox animation should scale and remain fully visible without being cropped or cut off.
Verify the fox is anchored to the bottom of the container on small screens.
Verify no visual clipping or overflow occurs outside the container boundary.
Confirm the loader animation (if shown) also renders correctly at all viewport sizes.

Screenshots/Recordings

Before

After

Screen.Recording.2026-04-07.at.12.37.32.PM.mov

Screen.Recording.2026-04-07.at.12.38.04.PM.mov

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.

Note

Low Risk
UI-only behavior and styling changes plus a resize event listener; low blast radius but could affect onboarding animation rendering across viewport sizes.

Overview
Fixes the welcome/onboarding fox (Rive) animation being cropped during live window resizes by attaching a container ref, recalculating the canvas backing buffer using container clientWidth/clientHeight (incl. devicePixelRatio), and calling rive.resizeToCanvas() on mount and on window.resize (with cleanup).

Updates the Rive layout alignment to Alignment.BottomCenter and tweaks .riv-animation__fox-container responsive CSS (small-screen clamp() height, full-width/max-width, overflow: hidden) to reduce clipping. Adds a new FoxAppearAnimation test suite covering rendering, trigger firing, loader placeholder, and resize listener behavior.

^{Reviewed by Cursor Bugbot for commit ec39851. Bugbot is set up for automated code reviews on this repo. Configure here.}

github-actions · 2026-04-07T08:11:07Z

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.

metamaskbotv2 · 2026-04-07T08:12:05Z

✨ Files requiring CODEOWNER review ✨

🔐 @MetaMask/web3auth (3 files, +177 -6)

📁 ui/
- 📁 pages/
  - 📁 onboarding-flow/
    - 📁 welcome/
      - 📄 fox-appear-animation.test.tsx +138 -0
      - 📄 fox-appear-animation.tsx +35 -2
      - 📄 index.scss +4 -4

ui/pages/onboarding-flow/welcome/fox-appear-animation.tsx

metamaskbotv2 · 2026-04-07T08:46:04Z

Builds ready [5846f92]

builds: chrome, firefox
builds (beta): chrome, firefox
builds (flask): chrome, firefox
builds (test): chrome, firefox
builds (test-flask): chrome, firefox
webpack builds: chrome, firefox
webpack builds (beta): chrome, firefox
webpack builds (flask): chrome, firefox
webpack builds (test): chrome, firefox
webpack builds (test-flask): chrome, firefox
bundle size: Bundle Size Stats
interaction-benchmark: Interaction Stats
storybook: Storybook
typescript migration: Dashboard
all artifacts
bundle viz:
- background: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11
- common: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21
- ui: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20
- content-script: 0
- offscreen: 0

⚡ Performance Benchmarks (Total: 🟢 6 pass · 🟡 12 warn · 🔴 0 fail)

Baseline (latest main): f34f804 | Date: 9/10/58222 | Pipeline: 24071314524 | Baseline logs

Interaction Benchmarks

Benchmark chrome-browserify
loadNewAccount 🟡 [Show logs]
confirmTx 🟡 [Show logs]
bridgeUserActions 🟡 [Show logs]

📈 Results compared to the previous 5 runs on main
↑ bridgeUserActions/bridge_load_page: +27%
↓ bridgeUserActions/bridge_load_asset_picker: -37%
↑ bridgeUserActions/bridge_search_token: +46%
↑ bridgeUserActions/total: +18%

🌐 Core Web Vitals — 🟢 good · 🟡 needs improvement · 🔴 poor (web.dev thresholds)
🟡 loadNewAccount/FCP: p75 2.5s
🟡 confirmTx/FCP: p75 2.5s
🟡 bridgeUserActions/FCP: p75 2.5s

Startup Benchmarks

Benchmark chrome-browserify chrome-webpack firefox-browserify firefox-webpack
startupStandardHome 🟢 [Show logs] 🟢 [Show logs] 🟢 [Show logs] 🟢 [Show logs]
startupPowerUserHome 🟡 [Show logs] 🟡 [Show logs] 🟡 [Show logs] 🟡 [Show logs]

📈 Results compared to the previous 5 runs on main
↓ startupStandardHome/uiStartup: -11%
↓ startupStandardHome/load: -13%
↓ startupStandardHome/domContentLoaded: -15%
↑ startupStandardHome/backgroundConnect: +11%
↓ startupStandardHome/initialActions: -38%
↓ startupStandardHome/loadScripts: -18%
↓ startupStandardHome/numNetworkReqs: -21%
↑ startupPowerUserHome/backgroundConnect: +149%
↓ startupPowerUserHome/numNetworkReqs: -60%
↓ startupStandardHome/uiStartup: -15%
↓ startupStandardHome/load: -13%
↓ startupStandardHome/domContentLoaded: -13%
↓ startupStandardHome/firstPaint: -13%
↓ startupStandardHome/backgroundConnect: -34%
↓ startupStandardHome/firstReactRender: -24%
↓ startupStandardHome/loadScripts: -13%
↓ startupStandardHome/numNetworkReqs: -29%
↓ startupStandardHome/domInteractive: -54%
↑ startupStandardHome/backgroundConnect: +12%
↑ startupStandardHome/firstReactRender: +11%
↑ startupStandardHome/initialActions: +25%
↑ startupStandardHome/setupStore: +14%
↓ startupPowerUserHome/uiStartup: -11%
↓ startupPowerUserHome/backgroundConnect: -35%
↓ startupStandardHome/domInteractive: -45%
↓ startupStandardHome/backgroundConnect: -17%
↓ startupStandardHome/initialActions: -44%
↓ startupStandardHome/setupStore: -63%
↓ startupStandardHome/numNetworkReqs: -18%
↓ startupPowerUserHome/backgroundConnect: -25%
↓ startupPowerUserHome/firstReactRender: -11%
↑ startupPowerUserHome/setupStore: +15%
↓ startupPowerUserHome/numNetworkReqs: -69%

🌐 Core Web Vitals — 🟢 good · 🟡 needs improvement · 🔴 poor (web.dev thresholds)
🔴 startupPowerUserHome/INP: p75 584ms
🔴 startupPowerUserHome/INP: p75 632ms
🟡 startupPowerUserHome/LCP: p75 3.5s
🟡 startupPowerUserHome/INP: p75 232ms
🟡 startupPowerUserHome/LCP: p75 3.5s

User Journey Benchmarks

Benchmark chrome-browserify
onboardingImportWallet 🟢 [Show logs]
onboardingNewWallet 🟢 [Show logs]
assetDetails 🟡 [Show logs]
solanaAssetDetails 🟡 [Show logs]
importSrpHome 🟡 [Show logs]
sendTransactions 🟡 [Show logs]
swap 🟡 [Show logs]

📈 Results compared to the previous 5 runs on main
↓ onboardingImportWallet/metricsToWalletReadyScreen: -18%
↓ onboardingImportWallet/doneButtonToHomeScreen: -74%
↑ onboardingImportWallet/openAccountMenuToAccountListLoaded: +23%
↓ onboardingImportWallet/total: -40%
↓ onboardingNewWallet/skipBackupToMetricsScreen: -14%
↓ onboardingNewWallet/agreeButtonToOnboardingSuccess: -15%
↓ onboardingNewWallet/doneButtonToAssetList: -27%
↓ onboardingNewWallet/total: -22%
↓ assetDetails/assetClickToPriceChart: -66%
↓ assetDetails/total: -66%
↓ solanaAssetDetails/assetClickToPriceChart: -70%
↓ solanaAssetDetails/total: -70%
↓ importSrpHome/openAccountMenuAfterLogin: -64%
↓ importSrpHome/homeAfterImportWithNewWallet: -40%
↓ importSrpHome/total: -34%
↑ sendTransactions/openSendPageFromHome: +93%
↑ sendTransactions/total: +13%
↓ swap/openSwapPageFromHome: -85%
↑ swap/fetchAndDisplaySwapQuotes: +31%
↑ swap/total: +14%

🌐 Core Web Vitals — 🟢 good · 🟡 needs improvement · 🔴 poor (web.dev thresholds)
🟡 assetDetails/INP: p75 216ms
🟡 assetDetails/FCP: p75 2.5s
🟡 solanaAssetDetails/FCP: p75 2.5s
🟡 importSrpHome/INP: p75 216ms
🟡 importSrpHome/FCP: p75 2.5s
🟡 sendTransactions/INP: p75 224ms
🟡 sendTransactions/FCP: p75 2.6s
🟡 swap/FCP: p75 2.5s

🌐 Dapp Page Load Benchmarks

Current Commit: 5846f92 | Date: 4/7/2026

📄 Localhost MetaMask Test Dapp

Samples: 100

Summary

pageLoadTime-> current mean value: 1.02s (±37ms) 🟡 | historical mean value: 1.03s ⬇️ (historical data)
domContentLoaded-> current mean value: 718ms (±34ms) 🟢 | historical mean value: 726ms ⬇️ (historical data)
firstContentfulPaint-> current mean value: 82ms (±10ms) 🟢 | historical mean value: 86ms ⬇️ (historical data)

📈 Detailed Results

Metric	Mean	Std Dev	Min	Max	P95	P99
pageLoadTime	1.02s	37ms	997ms	1.29s	1.04s	1.29s
domContentLoaded	718ms	34ms	697ms	966ms	739ms	966ms
firstPaint	82ms	10ms	64ms	164ms	92ms	164ms
firstContentfulPaint	82ms	10ms	64ms	164ms	92ms	164ms
largestContentfulPaint	0ms	0ms	0ms	0ms	0ms	0ms

Bundle size diffs

background: 58 Bytes (0%)
ui: 534 Bytes (0.01%)
common: 20 Bytes (0%)

cursor

Cursor Bugbot has reviewed your changes and found 1 potential issue.

^{❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, have a team admin enable autofix in the Cursor dashboard.}

^{Reviewed by Cursor Bugbot for commit 611a20a. Configure here.}

ui/pages/onboarding-flow/welcome/fox-appear-animation.test.tsx

metamaskbotv2 · 2026-04-07T10:44:26Z

Builds ready [611a20a]

builds: chrome, firefox
builds (beta): chrome, firefox
builds (flask): chrome, firefox
builds (test): chrome, firefox
builds (test-flask): chrome, firefox
webpack builds: chrome, firefox
webpack builds (beta): chrome, firefox
webpack builds (flask): chrome, firefox
webpack builds (test): chrome, firefox
webpack builds (test-flask): chrome, firefox
bundle size: Bundle Size Stats
interaction-benchmark: Interaction Stats
storybook: Storybook
typescript migration: Dashboard
all artifacts
bundle viz:
- background: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11
- common: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21
- ui: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20
- content-script: 0
- offscreen: 0

⚡ Performance Benchmarks (Total: 🟢 6 pass · 🟡 12 warn · 🔴 0 fail)

Baseline (latest main): f34f804 | Date: 9/10/58222 | Pipeline: 24076014010 | Baseline logs

Interaction Benchmarks

Benchmark chrome-browserify
loadNewAccount 🟡 [Show logs]
confirmTx 🟡 [Show logs]
bridgeUserActions 🟡 [Show logs]

📈 Results compared to the previous 5 runs on main
↑ bridgeUserActions/bridge_load_asset_picker: +26%

🌐 Core Web Vitals — 🟢 good · 🟡 needs improvement · 🔴 poor (web.dev thresholds)
🟡 loadNewAccount/FCP: p75 2.4s
🟡 confirmTx/FCP: p75 2.4s
🟡 bridgeUserActions/FCP: p75 2.5s

Startup Benchmarks

Benchmark chrome-browserify chrome-webpack firefox-browserify firefox-webpack
startupStandardHome 🟢 [Show logs] 🟢 [Show logs] 🟢 [Show logs] 🟢 [Show logs]
startupPowerUserHome 🟡 [Show logs] 🟡 [Show logs] 🟡 [Show logs] 🟡 [Show logs]

📈 Results compared to the previous 5 runs on main
↓ startupStandardHome/uiStartup: -10%
↓ startupStandardHome/load: -12%
↓ startupStandardHome/domContentLoaded: -14%
↑ startupStandardHome/domInteractive: +16%
↑ startupStandardHome/backgroundConnect: +13%
↓ startupStandardHome/initialActions: -38%
↓ startupStandardHome/loadScripts: -17%
↓ startupStandardHome/numNetworkReqs: -13%
↓ startupPowerUserHome/domInteractive: -12%
↑ startupPowerUserHome/backgroundConnect: +141%
↑ startupPowerUserHome/setupStore: +22%
↓ startupPowerUserHome/numNetworkReqs: -17%
↓ startupStandardHome/uiStartup: -12%
↓ startupStandardHome/load: -10%
↓ startupStandardHome/domContentLoaded: -10%
↓ startupStandardHome/backgroundConnect: -35%
↓ startupStandardHome/firstReactRender: -20%
↓ startupStandardHome/setupStore: -14%
↓ startupStandardHome/numNetworkReqs: -29%
↓ startupPowerUserHome/domInteractive: -20%
↓ startupPowerUserHome/firstPaint: -12%
↑ startupPowerUserHome/numNetworkReqs: +46%
↓ startupStandardHome/domInteractive: -52%
↑ startupStandardHome/initialActions: +25%
↓ startupStandardHome/numNetworkReqs: -11%
↓ startupPowerUserHome/backgroundConnect: -31%
↑ startupPowerUserHome/setupStore: +37%
↓ startupStandardHome/domInteractive: -52%
↓ startupStandardHome/backgroundConnect: -21%
↑ startupStandardHome/initialActions: +11%
↓ startupStandardHome/setupStore: -54%
↓ startupPowerUserHome/backgroundConnect: -30%

🌐 Core Web Vitals — 🟢 good · 🟡 needs improvement · 🔴 poor (web.dev thresholds)
🔴 startupPowerUserHome/INP: p75 688ms
🔴 startupPowerUserHome/INP: p75 616ms
🟡 startupPowerUserHome/LCP: p75 3.6s
🟡 startupPowerUserHome/LCP: p75 3.6s

User Journey Benchmarks

Benchmark chrome-browserify
onboardingImportWallet 🟢 [Show logs]
onboardingNewWallet 🟢 [Show logs]
assetDetails 🟡 [Show logs]
solanaAssetDetails 🟡 [Show logs]
importSrpHome 🟡 [Show logs]
sendTransactions 🟡 [Show logs]
swap 🟡 [Show logs]

📈 Results compared to the previous 5 runs on main
↓ onboardingImportWallet/metricsToWalletReadyScreen: -17%
↓ onboardingImportWallet/doneButtonToHomeScreen: -75%
↑ onboardingImportWallet/openAccountMenuToAccountListLoaded: +33%
↓ onboardingImportWallet/total: -40%
↓ onboardingNewWallet/createPwToRecoveryScreen: -11%
↓ onboardingNewWallet/doneButtonToAssetList: -37%
↓ onboardingNewWallet/total: -30%
↓ assetDetails/assetClickToPriceChart: -62%
↓ assetDetails/total: -62%
↓ solanaAssetDetails/assetClickToPriceChart: -60%
↓ solanaAssetDetails/total: -60%
↓ importSrpHome/openAccountMenuAfterLogin: -75%
↓ importSrpHome/homeAfterImportWithNewWallet: -38%
↓ importSrpHome/total: -32%
↑ sendTransactions/openSendPageFromHome: +84%
↑ sendTransactions/selectTokenToSendFormLoaded: +23%
↑ sendTransactions/reviewTransactionToConfirmationPage: +15%
↑ sendTransactions/total: +21%
↓ swap/openSwapPageFromHome: -83%
↑ swap/fetchAndDisplaySwapQuotes: +31%
↑ swap/total: +14%

🌐 Core Web Vitals — 🟢 good · 🟡 needs improvement · 🔴 poor (web.dev thresholds)
🟡 assetDetails/INP: p75 208ms
🟡 assetDetails/FCP: p75 2.5s
🟡 solanaAssetDetails/FCP: p75 2.5s
🟡 importSrpHome/INP: p75 224ms
🟡 importSrpHome/FCP: p75 2.5s
🟡 sendTransactions/INP: p75 208ms
🟡 sendTransactions/FCP: p75 2.4s
🟡 swap/FCP: p75 2.5s

🌐 Dapp Page Load Benchmarks

Current Commit: 611a20a | Date: 4/7/2026

📄 Localhost MetaMask Test Dapp

Samples: 100

Summary

pageLoadTime-> current mean value: 1.04s (±41ms) 🟡 | historical mean value: 1.03s ⬆️ (historical data)
domContentLoaded-> current mean value: 730ms (±38ms) 🟢 | historical mean value: 726ms ⬆️ (historical data)
firstContentfulPaint-> current mean value: 85ms (±10ms) 🟢 | historical mean value: 86ms ⬇️ (historical data)

📈 Detailed Results

Metric	Mean	Std Dev	Min	Max	P95	P99
pageLoadTime	1.04s	41ms	1.01s	1.35s	1.06s	1.35s
domContentLoaded	730ms	38ms	705ms	1.02s	749ms	1.02s
firstPaint	85ms	10ms	68ms	168ms	96ms	168ms
firstContentfulPaint	85ms	10ms	68ms	168ms	96ms	168ms
largestContentfulPaint	0ms	0ms	0ms	0ms	0ms	0ms

Bundle size diffs

background: 58 Bytes (0%)
ui: 565 Bytes (0.01%)
common: 20 Bytes (0%)

LeVinhGithub · 2026-04-07T15:59:10Z

Hi @smgv

When resizing the window, there is a point that the size of the fox is changed dramatically. It's minor issue but it would be nice if we can make it smoother

Screenshare.-.2026-04-07.10_55_47.PM.mp4

sonarqubecloud · 2026-04-08T08:26:50Z

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
86.4% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

metamaskbotv2 · 2026-04-08T08:49:37Z

Builds ready [ec39851]

builds: chrome, firefox
builds (beta): chrome, firefox
builds (flask): chrome, firefox
builds (test): chrome, firefox
builds (test-flask): chrome, firefox
webpack builds: chrome, firefox
webpack builds (beta): chrome, firefox
webpack builds (flask): chrome, firefox
webpack builds (test): chrome, firefox
webpack builds (test-flask): chrome, firefox
bundle size: Bundle Size Stats
interaction-benchmark: Interaction Stats
storybook: Storybook
typescript migration: Dashboard
all artifacts
bundle viz:
- background: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12
- common: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21
- ui: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21
- content-script: 0
- offscreen: 0

⚡ Performance Benchmarks (Total: 🟢 7 pass · 🟡 12 warn · 🔴 0 fail)

Baseline (latest main): f34f804 | Date: 9/10/58222 | Pipeline: 24125129558 | Baseline logs

Interaction Benchmarks · Samples: 5

Benchmark chrome-browserify
loadNewAccount 🟡 [Show logs]
confirmTx 🟡 [Show logs]
bridgeUserActions 🟡 [Show logs]

📈 Results compared to the previous 5 runs on main
↓ loadNewAccount/load_new_account: -18%
↓ loadNewAccount/total: -18%
↑ bridgeUserActions/bridge_load_page: +10%
↓ bridgeUserActions/bridge_load_asset_picker: -31%
↓ bridgeUserActions/total: -12%

🌐 Core Web Vitals — 🟢 good · 🟡 needs improvement · 🔴 poor (web.dev thresholds)
🟡 loadNewAccount/FCP: p75 2.4s
🟡 confirmTx/FCP: p75 2.4s
🟡 bridgeUserActions/FCP: p75 2.5s

Startup Benchmarks · Samples: 100

Benchmark chrome-browserify chrome-webpack firefox-browserify firefox-webpack
startupStandardHome 🟢 [Show logs] 🟢 [Show logs] 🟢 [Show logs] 🟢 [Show logs]
startupPowerUserHome 🟡 [Show logs] 🟡 [Show logs]
🟡 loadScripts
[Show logs]
🟡 [Show logs]

📈 Results compared to the previous 5 runs on main
↓ startupStandardHome/load: -12%
↓ startupStandardHome/domContentLoaded: -14%
↑ startupStandardHome/backgroundConnect: +11%
↓ startupStandardHome/firstReactRender: -13%
↓ startupStandardHome/initialActions: -38%
↓ startupStandardHome/loadScripts: -16%
↓ startupStandardHome/numNetworkReqs: -21%
↓ startupPowerUserHome/domInteractive: -13%
↑ startupPowerUserHome/backgroundConnect: +121%
↓ startupPowerUserHome/numNetworkReqs: -54%
↓ startupStandardHome/uiStartup: -18%
↓ startupStandardHome/load: -17%
↓ startupStandardHome/domContentLoaded: -17%
↓ startupStandardHome/backgroundConnect: -40%
↓ startupStandardHome/firstReactRender: -28%
↓ startupStandardHome/loadScripts: -16%
↓ startupStandardHome/setupStore: -14%
↓ startupStandardHome/numNetworkReqs: -29%
↓ startupPowerUserHome/domInteractive: -24%
↑ startupPowerUserHome/numNetworkReqs: +46%
↓ startupStandardHome/domInteractive: -56%
↑ startupStandardHome/initialActions: +25%
↑ startupStandardHome/setupStore: +14%
↓ startupStandardHome/numNetworkReqs: -16%
↓ startupPowerUserHome/backgroundConnect: -35%
↑ startupPowerUserHome/setupStore: +41%
↓ startupStandardHome/domInteractive: -32%
↑ startupStandardHome/initialActions: +11%
↓ startupStandardHome/setupStore: -51%
↓ startupPowerUserHome/domInteractive: -12%
↓ startupPowerUserHome/backgroundConnect: -21%
↑ startupPowerUserHome/firstReactRender: +10%
↑ startupPowerUserHome/setupStore: +13%

🌐 Core Web Vitals — 🟢 good · 🟡 needs improvement · 🔴 poor (web.dev thresholds)
🔴 startupPowerUserHome/INP: p75 688ms
🔴 startupPowerUserHome/INP: p75 680ms
🟡 startupPowerUserHome/LCP: p75 3.6s
🟡 startupPowerUserHome/INP: p75 224ms
🟡 startupPowerUserHome/LCP: p75 3.9s

User Journey Benchmarks · Samples: 5 · mock API

Benchmark chrome-browserify
onboardingImportWallet 🟢 [Show logs]
onboardingNewWallet 🟢 [Show logs]
assetDetails 🟡 [Show logs]
solanaAssetDetails 🟡 [Show logs]
importSrpHome 🟡 [Show logs]
sendTransactions 🟡 [Show logs]
swap 🟡 [Show logs]

📈 Results compared to the previous 5 runs on main
↓ onboardingImportWallet/srpButtonToSrpForm: -85%
↓ onboardingImportWallet/metricsToWalletReadyScreen: -47%
↓ onboardingImportWallet/doneButtonToHomeScreen: -77%
↑ onboardingImportWallet/openAccountMenuToAccountListLoaded: +42%
↓ onboardingImportWallet/total: -38%
↓ onboardingNewWallet/srpButtonToPwForm: -77%
↓ onboardingNewWallet/skipBackupToMetricsScreen: -68%
↓ onboardingNewWallet/agreeButtonToOnboardingSuccess: -30%
↓ onboardingNewWallet/doneButtonToAssetList: -25%
↓ onboardingNewWallet/total: -26%
↓ assetDetails/assetClickToPriceChart: -42%
↓ assetDetails/total: -42%
↓ solanaAssetDetails/assetClickToPriceChart: -71%
↓ solanaAssetDetails/total: -71%
↓ importSrpHome/openAccountMenuAfterLogin: -69%
↓ importSrpHome/homeAfterImportWithNewWallet: -71%
↓ importSrpHome/total: -61%
↓ sendTransactions/selectTokenToSendFormLoaded: -36%
↑ sendTransactions/reviewTransactionToConfirmationPage: +34%
↑ sendTransactions/total: +31%
↓ swap/openSwapPageFromHome: -97%
↑ swap/fetchAndDisplaySwapQuotes: +31%
↑ swap/total: +11%

🌐 Core Web Vitals — 🟢 good · 🟡 needs improvement · 🔴 poor (web.dev thresholds)
🟡 assetDetails/INP: p75 224ms
🟡 assetDetails/FCP: p75 2.5s
🟡 solanaAssetDetails/FCP: p75 2.5s
🟡 solanaAssetDetails/LCP: p75 2.5s
🟡 importSrpHome/INP: p75 208ms
🟡 importSrpHome/FCP: p75 2.4s
🟡 sendTransactions/INP: p75 216ms
🟡 sendTransactions/FCP: p75 2.5s
🟡 swap/FCP: p75 2.5s

Dapp Page Load Benchmarks · Samples: 100

Benchmark chrome-browserify
dappPageLoad 🟢 [Show logs]

Bundle size diffs

background: 58 Bytes (0%)
ui: 565 Bytes (0.01%)
common: 20 Bytes (0%)

fix(onboarding): fox animation not resizing dynamically on welcome page

d549eb1

smgv requested review from chaitanyapotti and lwin-kyaw April 7, 2026 08:10

smgv self-assigned this Apr 7, 2026

smgv requested a review from a team as a code owner April 7, 2026 08:10

smgv had a problem deploying to pr-comment April 7, 2026 08:11 — with GitHub Actions Error

metamaskbot added the team-onboarding Onboarding team label Apr 7, 2026

Merge branch 'main' into fix/fox-animation-resize

5846f92

smgv requested a review from LeVinhGithub April 7, 2026 08:11

smgv temporarily deployed to pr-comment April 7, 2026 08:11 — with GitHub Actions Inactive

smgv added the needs-qa Label will automate into QA workspace label Apr 7, 2026

github-actions bot added the size-S label Apr 7, 2026

cursor bot reviewed Apr 7, 2026

View reviewed changes

ui/pages/onboarding-flow/welcome/fox-appear-animation.tsx Show resolved Hide resolved

smgv temporarily deployed to pr-comment April 7, 2026 08:41 — with GitHub Actions Inactive

fix: updated test case for animation

611a20a

smgv temporarily deployed to pr-comment April 7, 2026 10:09 — with GitHub Actions Inactive

github-actions bot added size-M and removed size-S labels Apr 7, 2026

cursor bot reviewed Apr 7, 2026

View reviewed changes

ui/pages/onboarding-flow/welcome/fox-appear-animation.test.tsx Show resolved Hide resolved

lwin-kyaw approved these changes Apr 7, 2026

View reviewed changes

smgv temporarily deployed to pr-comment April 7, 2026 10:39 — with GitHub Actions Inactive

LeVinhGithub approved these changes Apr 8, 2026

View reviewed changes

smgv added this pull request to the merge queue Apr 8, 2026

github-merge-queue bot removed this pull request from the merge queue due to failed status checks Apr 8, 2026

Merge branch 'main' into fix/fox-animation-resize

ec39851

smgv temporarily deployed to pr-comment April 8, 2026 08:13 — with GitHub Actions Inactive

smgv temporarily deployed to pr-comment April 8, 2026 08:45 — with GitHub Actions Inactive

smgv added this pull request to the merge queue Apr 8, 2026

Merged via the queue into main with commit e131afb Apr 8, 2026
208 of 211 checks passed

smgv deleted the fix/fox-animation-resize branch April 8, 2026 09:10

github-actions bot removed the needs-qa Label will automate into QA workspace label Apr 8, 2026

metamaskbot added the release-13.27.0 Issue or pull request that will be included in release 13.27.0 label Apr 8, 2026

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

fix(onboarding): fox animation not resizing dynamically on welcome page#41499

fix(onboarding): fox animation not resizing dynamically on welcome page#41499
smgv merged 4 commits intomainfrom
fix/fox-animation-resize

smgv commented Apr 7, 2026 •

edited by cursor bot

Loading

Uh oh!

github-actions bot commented Apr 7, 2026

Uh oh!

metamaskbotv2 bot commented Apr 7, 2026 •

edited

Loading

Uh oh!

Uh oh!

metamaskbotv2 bot commented Apr 7, 2026

📄 Localhost MetaMask Test Dapp

Summary

Uh oh!

cursor bot left a comment

Uh oh!

Uh oh!

metamaskbotv2 bot commented Apr 7, 2026

📄 Localhost MetaMask Test Dapp

Summary

Uh oh!

LeVinhGithub commented Apr 7, 2026

Uh oh!

Uh oh!

sonarqubecloud bot commented Apr 8, 2026

Uh oh!

metamaskbotv2 bot commented Apr 8, 2026

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

4 participants

Conversation

smgv commented Apr 7, 2026 • edited by cursor bot Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Description

Changelog

Related issues

Manual testing steps

Screenshots/Recordings

Before

After

Pre-merge author checklist

Pre-merge reviewer checklist

Uh oh!

github-actions bot commented Apr 7, 2026

Uh oh!

metamaskbotv2 bot commented Apr 7, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

✨ Files requiring CODEOWNER review ✨

Uh oh!

Uh oh!

metamaskbotv2 bot commented Apr 7, 2026

📄 Localhost MetaMask Test Dapp

Summary

Uh oh!

cursor bot left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

metamaskbotv2 bot commented Apr 7, 2026

📄 Localhost MetaMask Test Dapp

Summary

Uh oh!

LeVinhGithub commented Apr 7, 2026

Uh oh!

Uh oh!

sonarqubecloud bot commented Apr 8, 2026

Quality Gate passed

Uh oh!

metamaskbotv2 bot commented Apr 8, 2026

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

4 participants

smgv commented Apr 7, 2026 •

edited by cursor bot

Loading

metamaskbotv2 bot commented Apr 7, 2026 •

edited

Loading