Bug 188466

Summary: Conflicting apple icons with different paths of the same website (on iOS devices)
Product: WebKit Reporter: Jason Williams <jase.williams>
Component: WebKit2Assignee: Nobody <webkit-unassigned>
Status: NEW ---    
Severity: Normal CC: webkit-bug-importer
Priority: P2 Keywords: HTML5, InRadar
Version: Safari 10   
Hardware: iPhone / iPad   
OS: iOS 11   
URL: https://bbc.co.uk/news
Attachments:
Description Flags
Screenshot showing BBC News having a BBC Sport icon none

Description Jason Williams 2018-08-10 05:09:15 PDT 
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
Comment 1 Radar WebKit Bug Importer 2018-08-10 19:08:45 PDT 
<rdar://problem/43166946>