Bug 188466 – Conflicting apple icons with different paths of the same website (on iOS devices)

• Status: NEW
• Component: WebKit2

[Jason Williams]

Created attachment 346901 [details]
Screenshot showing BBC News having a BBC Sport icon

* Description *
At the BBC we have multiple paths for different products, each path sets its own "apple-touch-icon".
BBC News lives at https://bbc.co.uk/news
BBC Sport lives at https://bbc.co.uk/sport

I have saved both pages in my bookmarks on my iphone.

* Problem *
When i visit one page, it overrides the touch icon for the other pages. It seems like the "apple-touch-icon" is being applied globally across the whole hostname.
Sports pages set a apple-touch-icon, which appears in your iOS device and on Safari favourites. It looks as though the image is set host-wide, meaning it takes over all BBC products.

* Markup (BBC Sport) *
<link rel="apple-touch-icon" href="[https://static.bbc.co.uk/onesport/2.11.600/images/web-icons/bbc-sport-180.png]"/>

* Steps to replicate *
On an iOS device (im using an iPhone X)
* Navigate to BBC News (https://bbc.co.uk/news), click add to favourites
* Navigate to BBC Sport (https://bbc.co.uk/sport), click add to favourites
* After visiting a BBC Sport page, open up your favourites (by opening a new tab)
* Both BBC News and BBC Sport have the same icon

[Radar WebKit Bug Importer]

<rdar://problem/43166946>