Apple touch instead of favicon displayed as favicon (Firefox)


(Raphaël Jadot) #1

It happens on latest tests-passed.

Well, my main site is based on stable so it’s not yet an issue for me :smile:

Am I the only one to experiment this?

edit: I changed the title accordingly to further investigation results.


(Sam Saffron) #2

Meta is running tests-passed and I can see a favicon …


(Raphaël Jadot) #3

In fact, there is a favicon displayed, but the default one of my nginx instance used as reverse proxy (not the discourse one, but a relay letting the DC server with no public IP to be accessed from the outside)

If I revert to stable version, the favicon is the good one.


(Kane York) #4

View source on the page, what do you see in this section?


<link rel="icon" type="image/png" href="https://discourse-meta.s3-us-west-1.amazonaws.com/original/3X/c/b/cb4bec8901221d4a646e45e1fa03db3a65e17f59.png">
<link rel="apple-touch-icon" type="image/png" href="https://discourse-meta.s3-us-west-1.amazonaws.com/original/3X/c/b/cb4bec8901221d4a646e45e1fa03db3a65e17f59.png">
<link rel="icon" sizes="144x144" href="https://discourse-meta.s3-us-west-1.amazonaws.com/original/3X/c/b/cb4bec8901221d4a646e45e1fa03db3a65e17f59.png">
<meta name="theme-color" content="#ffffff">

<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=yes">

(Raphaël Jadot) #5
<link rel="icon" type="image/png" href="/uploads/default/40/9d671ace7dad6b9e.png">
<link rel="apple-touch-icon" type="image/png" href="/uploads/default/39/df31482cf19aafab.png">
<link rel="icon" sizes="144x144" href="/uploads/default/39/df31482cf19aafab.png">

in fact I realize that “/uploads/default/39/df31482cf19aafab.png” which I see as favicon in Firefox is the apple touch icon.

However, Chromium correctly loads “/uploads/default/40/9d671ace7dad6b9e.png” as favicon.


(Raphaël Jadot) #6

I just have tried to reset and set again both favicon and apple touch icon: if no icon is set in apple touch field, it’s working correctly:

<link rel="icon" type="image/png" href="/uploads/default/40/9d671ace7dad6b9e.png">
<link rel="apple-touch-icon" type="image/png" href="/images/default-apple-touch-icon.png">
<meta name="theme-color" content="#ffffff">

else, as soon as I set apple touch, the line

<link rel="icon" sizes="144x144" href="/uploads/default/39/df31482cf19aafab.png">

is back and Firefox considers the apple touch icon as the favicon.


(Jeff Atwood) #7

Is this Firefox specific behavior?


(Raphaël Jadot) #8

At least not chromium behaviour, but what is strange is the fact that in meta’s source, "link rel=“icon” sizes=“144x144” is addressing the favicon (same as link rel=“icon” type=“image/png” ) while in my instance it’s the apple touch icon which is addressed.

It seems Firefox gives priority to the latest link rel=“icon” entry, and Chromium to the first one.


(Raphaël Jadot) #9

If I revert to stable, I have

<link rel="icon" type="image/png" href="/uploads/default/40/9d671ace7dad6b9e.png">
<link rel="apple-touch-icon" type="image/png" href="/images/default-apple-touch-icon.png">

<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=yes">

there is not the line with "link rel=“icon” sizes=“144x144” with the wrong icon, then the correct favicon is displayed.


(Raphaël Jadot) #10

After the migration to 1.4 stable, I still notice the same issue:

<meta name="generator" content="Discourse 1.4.0 - https://github.com/discourse/discourse version 8be92d4de9ca53f5267e15a069a991d3912720bf">

<link rel="icon" type="image/png" href="/uploads/default/40/9d671ace7dad6b9e.png"> <=== favicon
<link rel="apple-touch-icon" type="image/png" href="/uploads/default/29/b6fd9de86f437741.png"> <=== Apple touch icon
<link rel="icon" sizes="144x144" href="/uploads/default/29/b6fd9de86f437741.png"> <=== Apple touch icon
<meta name="theme-color" content="#ffffff">

Then the Apple touch icon is used as favicon instead of the favicon itself…


(Raphaël Jadot) #11

Strange, by using absolute URL it works as intended…

<meta name="generator" content="Discourse 1.4.0 - https://github.com/discourse/discourse version 8be92d4de9ca53f5267e15a069a991d3912720bf">

<link rel="icon" type="image/png" href="https://discourse-static.openmandriva.org/uploads/default/40/9d671ace7dad6b9e.png">
<link rel="apple-touch-icon" type="image/png" href="https://discourse-static.openmandriva.org/uploads/default/29/b6fd9de86f437741.png">
<link rel="icon" sizes="144x144" href="https://discourse-static.openmandriva.org/uploads/default/29/b6fd9de86f437741.png">
<meta name="theme-color" content="#ffffff">

As I’m apparently the only one who had this issue, then I guess it comes from a wrong configuration with my CDN.


Regression? Apple touch instead of favicon displayed again as favicon (Firefox)
(Jeff Atwood) #12