Favicon indicator not working in Chrome on Mac

Hi @abhisekmazumdar – this is a strange one.

I just retested using version 4.0.21 on Chrome 135.0.7049.115 (Official Build, x86_64) on macOS. I’m also running the Gin theme with the Gin toolbar. I'm attaching an image.

Here’s what’s odd: everything works fine on a remote server and in other browsers, but the issue still occurs locally in Chrome. I’ve cleared the cache (Cmd + Shift + R), but that didn’t help.

From what I can tell, there haven’t been many recent changes to the relevant JS files, but I’m stumped as to why this is still happening. It seems unlikely to be a coincidence—same issue, years apart. The environment letter (in my case, "D") and the background square are misaligned.

I didn’t see any errors in Chrome’s inspector, but I wonder if there’s a rendering quirk specific to local environments.

I’ve marked this as Needs Work since the issue still technically exists (albeit only locally and in one browser). I also downgraded the priority to Minor given the limited impact.

Thanks again!

Also, I reapplied my own patch (thanks, "2021 Jason"), which rolled back the tinycon.min.js file - but it didn't help.

Hi, were you experiencing any console errors on the environment that the favicon is broken on? I noticed that the dependency order of the libraries is weird in this file https://git.drupalcode.org/project/environment_indicator/-/blob/4.x/envi...

If it is a load order thing, the solution in ✨ Separate Tinycon into its own library and use favicon option to determine inclusion. Active may resolve it.