Skip to content

Conversation

@ameliejyc
Copy link
Contributor

@ameliejyc ameliejyc commented Dec 8, 2025

Description

Favicons don't show on Firefox when MM is in extended view. It looks like this is only a Firefox problem because in Chrome, the icons supplied in the manifest also get used as the favicon in the extension's pages. On Firefox it doesn't seem to be the case.

Therefore this PR adds in a favicon in the normal way, by adding an icon link tag in the HTML head.

On Firefox this ensures a favicon shows when MM is in extended view. On Chrome it also uses the favicon (no visible difference to how it is currently).

64x64 size was picked over 16x16 (which is normal for favicons) as the quality looked poor up to this size.

Open in GitHub Codespaces

Changelog

CHANGELOG entry: adds favicon for Firefox expanded view page

Related issues

Fixes: #25420

Manual testing steps

  1. Open MM expanded view in Firefox
  2. See favicon in browser tab
  3. Open MM expanded view in Chrome and Brave
  4. See favicon in browser tab

Screenshots/Recordings

Before

image

After

image

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

Add favicon to HTML head and update build script to rewrite its path in generated HTML.

  • HTML:
    • Add favicon link in app/html/partials/partial-head.html referencing ../../images/icon-64.png.
  • Build:
    • Update development/build/scripts.js to replace ../../images/icon-64.png with ./images/icon-64.png in generated HTML.

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

@github-actions
Copy link
Contributor

github-actions bot commented Dec 8, 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 metamaskbot added the team-core-extension-ux Core Extension UX team label Dec 8, 2025
@metamaskbot
Copy link
Collaborator

Builds ready [f699eed]
UI Startup Metrics (1278 ± 79 ms)
PlatformBuildTypePageMetricMean (ms)Min (ms)Max (ms)Std Dev (ms)P 75 (ms)P 95 (ms)
ChromeBrowserifyStandard HomeuiStartup1278104514567913321398
load105187712056711011142
domContentLoaded104587212016610951137
domInteractive23166082239
firstPaint53298116040910431137
backgroundConnect21919725912225243
firstReactRender5031137176379
getState3716107184375
initialActions105113
loadScripts83366995664881921
setupStore1385571426
numNetworkReqs86306629
BrowserifyPower User HomeuiStartup18881647243613119492095
load107089712969511451228
domContentLoaded105889112909511311215
domInteractive25175692653
firstPaint520101124639610031201
backgroundConnect24919761390233528
firstReactRender43358264551
getState19114230032206254
initialActions102112
loadScripts8486851077969221010
setupStore15104971436
numNetworkReqs68581151267105
WebpackStandard HomeuiStartup798683123973815935
load618541107774647749
domContentLoaded613536106973641741
domInteractive21144372241
firstPaint286951074217552679
backgroundConnect1263781530
firstReactRender55331743546134
getState22126092742
initialActions103112
loadScripts611534106773638739
setupStore1163851320
numNetworkReqs86316629
WebpackPower User HomeuiStartup14381150187616115541754
load71059094383761873
domContentLoaded70358393482756864
domInteractive25167192648
firstPaint29091817210268741
backgroundConnect73666313566539
firstReactRender46396244755
getState18114126131194252
initialActions103011
loadScripts70158193282748862
setupStore1583971437
numNetworkReqs67361161266104
FirefoxBrowserifyStandard HomeuiStartup12191081172610512861439
load101092414177110401105
domContentLoaded101092414177110401105
domInteractive51311902753101
firstPaint------
backgroundConnect3420113173470
firstReactRender34295463450
getState11611012921
initialActions102012
loadScripts98990813936910171080
setupStore953041019
numNetworkReqs86265624
BrowserifyPower User HomeuiStartup26451652361458531463375
load1577980254653621642331
domContentLoaded1576980254653621642331
domInteractive8933100016071164
firstPaint------
backgroundConnect1742211862352091006
firstReactRender5435130155884
getState1407830646166230
initialActions218123
loadScripts1476956237348520322273
setupStore794111319047398
numNetworkReqs69541211571111
WebpackStandard HomeuiStartup14731317186511115281657
load1203108814076812411340
domContentLoaded1203108814076812411339
domInteractive56302323569132
firstPaint------
backgroundConnect4021209284474
firstReactRender42346164755
getState156129161443
initialActions103122
loadScripts1181107213896712161316
setupStore166165241330
numNetworkReqs86255724
WebpackPower User HomeuiStartup29001860442161333883618
load19131154364255323872610
domContentLoaded19131154364155323872610
domInteractive9131125518773147
firstPaint------
backgroundConnect1922911942581951079
firstReactRender6241193186394
getState163791107112193286
initialActions217123
loadScripts17951136261749522442541
setupStore765105016260341
numNetworkReqs71561241671118
📊 Page Load Benchmark Results

Current Commit: f699eed | Date: 12/8/2025

📄 Localhost MetaMask Test Dapp

Samples: 100

Summary

  • pageLoadTime-> current mean value: 1.03s (±47ms) 🟡 | historical mean value: 1.03s ⬆️ (historical data)
  • domContentLoaded-> current mean value: 721ms (±43ms) 🟢 | historical mean value: 718ms ⬆️ (historical data)
  • firstContentfulPaint-> current mean value: 77ms (±12ms) 🟢 | historical mean value: 76ms ⬆️ (historical data)

📈 Detailed Results

Metric Mean Std Dev Min Max P95 P99
pageLoadTime 1.03s 47ms 1.00s 1.37s 1.09s 1.37s
domContentLoaded 721ms 43ms 695ms 1.02s 762ms 1.02s
firstPaint 77ms 12ms 60ms 168ms 92ms 168ms
firstContentfulPaint 77ms 12ms 60ms 168ms 92ms 168ms
largestContentfulPaint 0ms 0ms 0ms 0ms 0ms 0ms
Bundle size diffs [🚨 Warning! Bundle size has increased!]
  • background: 58 Bytes (0%)
  • ui: 0 Bytes (0%)
  • common: 20 Bytes (0%)

@ameliejyc ameliejyc marked this pull request as ready for review December 8, 2025 16:22
@ameliejyc ameliejyc marked this pull request as draft December 8, 2025 16:28
@ameliejyc ameliejyc marked this pull request as ready for review December 8, 2025 19:29
@metamaskbot
Copy link
Collaborator

Builds ready [2c4efbe]
UI Startup Metrics (1273 ± 92 ms)
PlatformBuildTypePageMetricMean (ms)Min (ms)Max (ms)Std Dev (ms)P 75 (ms)P 95 (ms)
ChromeBrowserifyStandard HomeuiStartup1273106316179213261437
load104487512687310871154
domContentLoaded103887012577210811145
domInteractive21164462238
firstPaint4738411923859991082
backgroundConnect21619726011220237
firstReactRender423176114370
getState3514142214084
initialActions105113
loadScripts828675103069870934
setupStore1252641320
numNetworkReqs86316630
BrowserifyPower User HomeuiStartup19001636255615019612198
load109190712779211591230
domContentLoaded107789612659111501220
domInteractive27176592947
firstPaint67293129543610921235
backgroundConnect260207726104248591
firstReactRender44366244655
getState19514630431215261
initialActions102112
loadScripts8606911039919331005
setupStore1695781534
numNetworkReqs70582022167105
WebpackStandard HomeuiStartup8727151199839091034
load675576102080728830
domContentLoaded670573101479722823
domInteractive22156282341
firstPaint26683765195237696
backgroundConnect1264181232
firstReactRender64342604678162
getState271478133251
initialActions104112
loadScripts667571101279714820
setupStore1163641218
numNetworkReqs86306629
WebpackPower User HomeuiStartup15441243209817416591877
load773618106598851961
domContentLoaded765612105998846954
domInteractive26176082845
firstPaint320101970246298874
backgroundConnect43864810420131
firstReactRender5142130105265
getState20314631339235283
initialActions102011
loadScripts762610105798844952
setupStore1794481639
numNetworkReqs6657113116698
FirefoxBrowserifyStandard HomeuiStartup13681121181414914781629
load111695014479811901288
domContentLoaded111595014479911901288
domInteractive66331993587135
firstPaint------
backgroundConnect49231332763111
firstReactRender38306364054
getState1162741117
initialActions103122
loadScripts108693413649211491258
setupStore1062641118
numNetworkReqs86296725
BrowserifyPower User HomeuiStartup26111670377160331743329
load15651004291955721502384
domContentLoaded15651004291855821462384
domInteractive131321770271791026
firstPaint------
backgroundConnect1992711692941861119
firstReactRender5434100135781
getState1438033143168217
initialActions203123
loadScripts1478982289552120392278
setupStore764114420039372
numNetworkReqs70541201571111
WebpackStandard HomeuiStartup15381335183310415961762
load1257110914526913061380
domContentLoaded1256110914516913061380
domInteractive61303033881132
firstPaint------
backgroundConnect46181312550110
firstReactRender4433107134485
getState158102111521
initialActions107112
loadScripts1234109314316712801348
setupStore1162531216
numNetworkReqs86255724
WebpackPower User HomeuiStartup28971870399958633443636
load18731128284252523952564
domContentLoaded18721128284152523942563
domInteractive130291104254811023
firstPaint------
backgroundConnect156291204200185355
firstReactRender59401231562102
getState1398326646180237
initialActions3171727
loadScripts17931109264649522892530
setupStore6053729560330
numNetworkReqs70541541868120
📊 Page Load Benchmark Results

Current Commit: 2c4efbe | Date: 12/8/2025

📄 Localhost MetaMask Test Dapp

Samples: 100

Summary

  • pageLoadTime-> current mean value: 1.04s (±38ms) 🟡 | historical mean value: 1.05s ⬇️ (historical data)
  • domContentLoaded-> current mean value: 731ms (±61ms) 🟢 | historical mean value: 730ms ⬆️ (historical data)
  • firstContentfulPaint-> current mean value: 81ms (±41ms) 🟢 | historical mean value: 78ms ⬆️ (historical data)

📈 Detailed Results

Metric Mean Std Dev Min Max P95 P99
pageLoadTime 1.04s 38ms 1.02s 1.33s 1.07s 1.33s
domContentLoaded 731ms 61ms 704ms 1.29s 754ms 1.29s
firstPaint 81ms 41ms 60ms 488ms 84ms 488ms
firstContentfulPaint 81ms 41ms 60ms 488ms 84ms 488ms
largestContentfulPaint 0ms 0ms 0ms 0ms 0ms 0ms
Bundle size diffs [🚨 Warning! Bundle size has increased!]
  • background: -911 Bytes (-0.02%)
  • ui: 126.73 KiB (1.64%)
  • common: 1.7 KiB (0.02%)

@ameliejyc ameliejyc enabled auto-merge December 9, 2025 09:29
@ameliejyc ameliejyc added this pull request to the merge queue Dec 9, 2025
@github-merge-queue github-merge-queue bot removed this pull request from the merge queue due to failed status checks Dec 9, 2025
@ameliejyc ameliejyc added this pull request to the merge queue Dec 9, 2025
@github-merge-queue github-merge-queue bot removed this pull request from the merge queue due to failed status checks Dec 9, 2025
@ameliejyc ameliejyc added this pull request to the merge queue Dec 9, 2025
Merged via the queue into main with commit 01d3a2f Dec 9, 2025
334 of 336 checks passed
@ameliejyc ameliejyc deleted the ceux-633-firefox-favicon branch December 9, 2025 13:37
@github-actions github-actions bot locked and limited conversation to collaborators Dec 9, 2025
@metamaskbot metamaskbot added the release-13.14.0 Issue or pull request that will be included in release 13.14.0 label Dec 9, 2025
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

release-13.14.0 Issue or pull request that will be included in release 13.14.0 size-XS team-core-extension-ux Core Extension UX team

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Bug]: MetaMask favicon is not displayed on Firefox browser

5 participants