Many browser can dynamically update their favicon, but Orion can't.
Blurry or improper favicon
seen this same issue, primarly with things like the google forms favicon carrying over the sheets/docs/etc
When I search something in the address bar the favicon of that Google search page is the favicon of Google Photos. A restart of Orion didn't help. A reload of the page also doesn't help.
Orion 0.99.123.3-beta (WebKit 615.1.16.1)
macOS Version 13.2.1 (Build 22D68)
Mac14,12
Session Info:
- Open windows => 1
- Pinned tabs => 0
- Active window tabs => 6
- Active tab url => https://orionfeedback.org/
Enabled Extensions:
- Dashlane — Password Manager (chrome)
Disabled Extensions:
Non Default Settings:
- ShowFullWebsiteAddress => 0
- OfferSavePassword => 0
- ContentBlockerLastUpdated => 2023-02-03 00:00:00 +0000
- isBackgroundImageDarkOnStartPage => 1
- overflowMenuItems => (
) - WebAutomaticSpellingCorrectionEnabled => 0
- WebContinuousSpellCheckingEnabled => 0
- WebAutomaticQuoteSubstitutionEnabled => 0
- WebAutomaticDashSubstitutionEnabled => 0
- ShouldShowWelcomeAnimation => 0
- ToolbarConfiguration => {
"TB Default Item Identifiers" = (
toggleSidebar,
navigationGroup,
NSToolbarFlexibleSpaceItem,
privacyButton,
websiteSettingsButton,
locationBar,
bookmarkButton,
addTabButton,
NSToolbarFlexibleSpaceItem,
shareButton,
tabOverview
);
"TB Display Mode" = 2;
"TB Icon Size Mode" = 1;
"TB Is Shown" = 1;
"TB Item Identifiers" = (
toggleSidebar,
NSToolbarSidebarTrackingSeparatorItemIdentifier,
navigationGroup,
NSToolbarFlexibleSpaceItem,
privacyButton,
websiteSettingsButton,
locationBar,
bookmarkButton,
addTabButton,
NSToolbarFlexibleSpaceItem,
"webExtButton-fdjamakpfbbddfjaooikfcpapjohcfmg",
shareButton,
downloadsButton
);
"TB Size Mode" = 1;
} - FirstLaunch => 0
- FirstTimeWebExtensionNotice => 1
- AllowChromeWebExtensions => 1
- KagiOpensWith => newWindow
- LastUsedBuildVersion => 123.3
- WillInstallUpdate => 0
- PreCompiledContentRuleListVersion => 123.3
- LastCrashCheckDate => 2023-03-18 09:38:24 +0000
- NextDownloadID => 174
- SavedWindowSize => 1920.0,970.0
- SavedWindowPosition => 0.0,85.0
- ShowTitlesInTabs => 1
- StatusBarVisible => 0
- BookmarksSidebarVisible => 0
- BookmarksSidebarWidth => 240
- QuitWithConfirmation => 0
- ActivePreferenceTab => search
- UseTabSwitcherUI => 1
- RemoveHistoryItemsAfter => manually
- BookmarksLastSynced => 1679132304919.694
- ReadingListLastSynced => 1679132304922.157
Safari:
- Edited
It seems like it doesn't happen at the first search but after roughly 2 searches (each search in new tab)
GrasPlukker Steps to reproduce on a clean new orion profile?
Vlad Yes I did "Reset Orion" (and ticked all the boxes in the popup). And I can still reproduce it:
i think there are two issues here:
- orion sometimes uses a weird/fuzzy/off-color favicon
- has all sorts of random things happening
- orion doesn't keep a different favicon for each website, but rather, for each domain
- this results in google docs having the same favicon as google forms (coz they both use the docs.google.com domain)
It seems like I can't reproduce my issue with the favicons in the latest RC anymore
- Edited
I did some tests. and found several problems with Orion and Favicons.
some websites have different favicon depending on if the system is in dark mode or not. GitHub is one example.
that is to avoid having black icon on dark background.
If you visit github in light mode. and then the system swith to dark mode, Orion will remember favicon from light mode instead of checking for a new favicon. resulting in this:
Makes it very hard to tell what website you have open, It will keep that favicon even if you open a new tab and go to the site
I think this is related to 2. mentioned by eirk futher up. so unlike website titles that dynamically change in Orion favicons are static, so i guess tittles do checks all the time so the tittle update, favicons should do the same
Discord is a good example:
Tittle change, Favicon does not.
I did this script you can copy into a Programmable Button. that will display what favicon should be shown:
var favicon = document.querySelector('link[rel="icon"]') || document.querySelector('link[rel="shortcut icon"]');
var faviconUrl = favicon.href;
var faviconImage = document.createElement('img');
faviconImage.src = faviconUrl;
faviconImage.style.position = 'fixed';
faviconImage.style.top = '10px'; // Adjust the position as needed
faviconImage.style.left = '10px'; // Adjust the position as needed
faviconImage.style.zIndex = '9999'; // Set a high z-index to ensure it's displayed on top
faviconImage.style.pointerEvents = 'none'; // Make it non-interactive
document.body.appendChild(faviconImage);
That script shows this icon:
Steps to reproduce:
- Open Twitter/Youtube
- See the favicon
Expected behavior:
Normal quality of favicons
Orion, OS version; hardware type:
Orion RC 0.99.124.1.1-rc (WebKit 616.1.14.11.1)
macOS Version 13.4 (Build 22F66)
Image/Video:
I tested some more using the script i showed above.
And i actually think that alot of the improper favicons are actually just due to Orion not updating them per page. the reason i suspect that is one of the examples here of a wrong favicon is IMDB
Orion:
Safari:
When you visit IMDB in Orion and run the script it looks like this:
But if you go in search bar on Safari and try type IMDB Siri suggestions shows this:
And as soon as you enter the site the favicon changes to this:
Which makes me bellieve that Siri is fetching the base URL favicon, and then updating it when it enters the site.
So the reason why Orion displays the "wrong" favicon is because this update never happens.
IFixit is another example.
So bottom line is that fixing Orion updating favicons continuously would propably also fix most of the mentioned examples of "wrong" favicons.
and fix this:
https://orionfeedback.org/d/420-favicon-on-open-tab-does-not-update-when-sites-favicon-updates/13
- Edited
found this:
https://firefox-source-docs.mozilla.org/browser/places/notifyObservers.html
https://searchfox.org/mozilla-central/source/dom/chrome-webidl/PlacesEvent.webidl
looks like thats how firefox does it, doesnt look too complicated
would most likely also fix this:
https://orionfeedback.org/d/3111-google-docs-favicons-are-incorrect/7
Steps to reproduce:
Open Google docs/slides/sheeys
Expected behavior:
Correct favicon per app
Orion, OS version; hardware type:
Version 0.99.120.1-beta (WebKit 614.1.20)
MacBook Pro M1 Pro (macOS Monterey 12.5.1 build 21G83)
Image/Video:
i believe this is bc orion allocates one favicon per root domain, instead of including other pages?