[$250] Mac / Safari - Unread favicon - No unread favicon in the browser tab

[kavimuru]

If you haven’t already, check out our contributing guidelines for onboarding and email contributors@expensify.com to request to join our Slack channel!

---

Issue found when executing #10041

Action Performed:

1 Login to the ND under Web/Safari as user A.
2. send DM to the user A
3. Observe favicon for the corresponding tab in the browser

Expected Result:

The user should see a new Favicon if there are unread messages

Actual Result:

Describe what actually happened
Favicon has no Unread mark if unread messages are present

Only on Safari. Chrome is OK

Workaround:

Unknown

Platform:

Where is this issue occurring?

• Web - Safari

Version Number: v1.1.89-0
Reproducible in staging?: Y
Reproducible in production?: Y
Email or phone of affected tester (no customers):
Logs: https://stackoverflow.com/c/expensify/questions/4856
Notes/Photos/Videos:

Bug5702224_Screen_Recording_2022-08-24_at_16.23.55.mp4

Expensify/Expensify Issue URL:
Issue reported by: Applause internal team
Slack conversation:

View all open jobs on GitHub

[melvin-bot]

Triggered auto assignment to @cristipaval (Engineering), see https://stackoverflow.com/c/expensify/questions/4319 for more details.

[cristipaval]

Monthly - because even if the "unread" icon is not visible, there is that (x) suffix in the tab title which lets the user know that there are unread messages.

Other than that, @robertjchen I know you changed the favicon recently. Do you have more context on this? I think this could be externalised, what do you think?

[robertjchen]

Yeah, that's odd. I don't think swapping out the favicon could've caused this. Maybe it's a Safari-related bug? Let's externalize this for further investigation 👍

[melvin-bot]

Triggered auto assignment to @bfitzexpensify (External), see https://stackoverflow.com/c/expensify/questions/8582 for more details.

[bfitzexpensify]

Upwork job here

[melvin-bot]

Triggered auto assignment to Contributor-plus team member for initial proposal review - @mananjadhav (Exported)

[melvin-bot]

Triggered auto assignment to @aldo-expensify (Exported), see https://stackoverflow.com/c/expensify/questions/7972 for more details.

[wildan-m]

It wouldn't be possible.

They purposefully don't allow dynamic changes/animations to the favicon

https://stackoverflow.com/questions/63781987/cant-change-favicon-with-javascript-in-safari

https://bugs.webkit.org/show_bug.cgi?id=75877

Other dynamic favicon samples that work on Chrome but will not work on Safari:
https://mathiasbynens.be/demo/dynamic-favicons
http://lab.ejci.net/favico.js/example-simple/

[robertjchen]

Got it, thanks for looking into this!

[bfitzexpensify]

OK, since this won't be possible to fix, we'll go ahead and close it out.