Open Bug 1745680 Opened 2 years ago Updated 4 months ago

Ignore apple-touch-icon when icon is available in link html header

Categories

(Core :: DOM: Core & HTML, defect)

defect

Tracking

()

Webcompat Priority P3

People

(Reporter: karlcow, Unassigned)

References

Details

Consider this file:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Test document icon</title>
    <link rel="apple-touch-icon" href="1x1-green.png" />
    <link rel="icon" href="1x1-red.png" />
</head>
<body>
test icon in link
</body>
</html>

Firefox Nightly (Gecko)

127.0.0.1 - - [13/Dec/2021:10:39:37 +0900] "GET /2021/12/13/moz/ HTTP/1.1" 200 386 "-" "Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:96.0) Gecko/20100101 Firefox/96.0"
127.0.0.1 - - [13/Dec/2021:10:39:37 +0900] "GET /2021/12/13/moz/1x1-green.png HTTP/1.1" 200 135 "http://la-grange.test/2021/12/13/moz/" "Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:96.0) Gecko/20100101 Firefox/96.0"
127.0.0.1 - - [13/Dec/2021:10:39:37 +0900] "GET /2021/12/13/moz/1x1-red.png HTTP/1.1" 200 135 "http://la-grange.test/2021/12/13/moz/" "Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:96.0) Gecko/20100101 Firefox/96.0"

Safari Tech Preview (WebKit)

127.0.0.1 - - [13/Dec/2021:10:42:29 +0900] "GET /2021/12/13/moz/ HTTP/1.1" 200 386 "-" "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Safari/605.1.15"
127.0.0.1 - - [13/Dec/2021:10:42:29 +0900] "GET /2021/12/13/moz/1x1-red.png HTTP/1.1" 200 135 "http://la-grange.test/2021/12/13/moz/" "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Safari/605.1.15"

Edge Canary (Blink)

127.0.0.1 - - [13/Dec/2021:10:43:06 +0900] "GET /2021/12/13/moz/ HTTP/1.1" 200 386 "-" "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/98.0.4741.0 Safari/537.36 Edg/98.0.1100.0"
127.0.0.1 - - [13/Dec/2021:10:43:06 +0900] "GET /2021/12/13/moz/1x1-red.png HTTP/1.1" 200 135 "http://la-grange.test/2021/12/13/moz/" "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/98.0.4741.0 Safari/537.36 Edg/98.0.1100.0"

On Desktop

Case 1. Both apple-touch-icon and icon available (order doesn't matter in the source)

  • Both Safari and Edge are downloading only <link rel="icon" href="1x1-red.png" />, they ignore apple-touch-icon
  • Firefox download both icons
  • The three browsers ignore the /favicon.ico

Case 2. If the file only contains <link rel="apple-touch-icon" href="1x1-green.png" />,

  • both Safari and Edge ignore apple-touch-icon
  • Firefox download apple-touch-icon
  • The three browsers try to download the root /favicon.ico too

Test done because of this note by Nicolas Hoizey
https://nicolas-hoizey.com/notes/2021/12/10/2/

Thanks Karl 🙏

Severity: -- → S3

I want to better understand what the spec says here, if it says anything.
Trying to read the code of WebKit for understanding what Safari was doing I found a bug in their code.
https://bugs.webkit.org/show_bug.cgi?id=234234

So maybe the Safari behavior could change. I need to dig a bit more.

The behavior for tabs/bookmarks icons is already different, maybe intentionally Bug 1401894

In Bug 1480319, the code was split
https://hg.mozilla.org/mozreview/gecko/rev/70c01d8b9c7d3649a71764c80394b04ba6bbed5b#index_header

And there are additional issues such as Bug 1186324

See Also: → 1186324, 1401894, 1480319
You need to log in before you can comment on or make changes to this bug.