12 ms·
Apple's new not-quite-favicon syntax causing problems in other browsers
- rbanffy 11y agoIs it my flawed impression or this could be avoided rather neatly with a <link rel="tabbed-icon" thing?
- ChrisLTD 11y agoThat was my thought as well. Why needlessly create the tag collision? It's especially inelegant that Apple suggests defining the tag twice for the sake of other browsers.
- userbinator 11y agoI think the suggested solution of 'ignore <link> tags that have a "mask" attribute' also creates needless work, and is backward-incompatible --- existing browsers are looking for "rel=icon" for a favicon, and will ignore "mask" or other unknown attributes.
- Someone1234 11y agoExactly. New tags should "fail safe" in old browsers (i.e. do "nothing"). The problem with the mask attribute and "only render the last one" concept is that older browsers might not be doing so already, and therefore the new tag doesn't fail safe (it is fail-active, so older browsers might render solid black favicons). Seems silly. They should just use a new rel value for this specific purpose. Although broadly speaking it feels like the icon rel has had its day, and now we need a replacement that is DESIGNED to support multiple resolutions, and things like masks.
- zimpenfish 11y agoTo be fair, WhatWG does say in https://html.spec.whatwg.org/multipage/semantics.html#rel-icon https://html.spec.whatwg.org/multipage/semantics.html#rel-ic... « If multiple icons are provided, the user agent must select the most appropriate icon according to the type, media, and sizes attributes. If there are multiple equally appropriate icons, user agents must use the last one declared in tree order at the time that the user agent collected the list of icons. » (edit for formatting)
- wvenable 11y ago> If there are multiple equally appropriate icons In this case, the icons are specified that they are equally appropriate but they really aren't.
- aaronharnly 11y agoThis very cordial downthread reply by an Apple engineer addresses that idea directly, and is open to it: From: Maciej Stachowiak <___@apple.com> Date: Mon, 15 Jun 2015 12:00:59 -0700 > On Jun 15, 2015, at 3:27 AM, Anne van Kesteren <annevk@annevk.nl> wrote: > > On Mon, Jun 15, 2015 at 12:18 PM, Kornel Lesiński <kornel@geekhood.net> wrote: >> The new Safari is still only a preview, so I hope Apple will switch to a better solution. > > It would be great if we could get some feedback from Ted & colleagues > on what the thinking here was. First: it looks like we neglected to send our proposal for this ahead of our preview release. It’s now been sent belatedly. We regret the error. Second: we’re definitely open to changing this if there’s consensus for a different syntax. Our original thinking on this: rel=icon is intended to support selection from multiple formats and sizes. It seemed natural to extend this to the notion of a monochrome icon that’s intended to be recolored. Before deploying the feature, we thought it would be cleaner to extend rel=icon than to invent a new rel value. (There’s already the legacy -apple-touch-icon value with in theory could be obsoleted by rel=icon with the appropriate size). For similar reasons, it seemed better to reuse the existing theme-color meta (which gives license to darken or lighten the color as needed). The nature of the problem: to avoid breaking the regular favicon, both in Safari and in other browsers, sites need to make their regular favicon explicit with a rel=icon link (instead of relying on favicon.ico), and need to put the mask icon first instead of last in the list of icon links. We thought clear advice to do this, plus the fact that breakage should be obvious, would limit the scope of the error and would lead sites to fix it promptly. That doesn’t seem to be happening, at least yet. We noticed this problem internally even before shipping (working with some sites to get mask icons up before release), but there was internal debate about whether the problem would shrink or grow over time. Where do we go from here: (1) We could add "mask" or something like it to the standard, and change browsers to ignore mask icons in contexts where they are looking for a regular icon. (2) We could change to a new rel type for mask icons, such as rel=mask-icon, but keep theme-color as the source of the color, with the possibility of darkening light colors used to make light colors viable. (3) We could change to a new rel type for mask icons, such as rel=mask-icon, and give it a color attribute to be used specifically for the icon. We don’t have a strong principle on this, and it’s not too late to change before shipping the release version of Safari 9. We welcome input on which of these would be best, or whether something else entirely is better. Sorry again for not bringing this up before the preview release that included this feature. Regards, Maciej https://lists.w3.org/Archives/Public/public-whatwg-archive/2015Jun/0020.html https://lists.w3.org/Archives/Public/public-whatwg-archive/2...
- the_mitsuhiko 11y agoBefore you get your pitchforks out: this is a better start for the discussion than the apple-touch-icon mess from the past. They attempted to extend the standard in an almost intended way, but it turns out that it was not really ever considered well enough for this. There is a discussion on the mail thread about how to deal with this issue properly. This is for a preview version of Safari and this is not the final specification.
- TazeTSchnitzel 11y agoOhh. So that's why Twitter's tab icon turned black.
- Grue3 11y agoYeah I thought it was ironic that Twitter switched to black favicon given their logo guidelines [1] specifically say to never change the color of the logo. [1] https://about.twitter.com/company/brand-assets https://about.twitter.com/company/brand-assets
- mahouse 11y agoOn what device?
- dnet 11y agoFirefox 38.0.5 / Linux x86_64
- TazeTSchnitzel 11y agoFirefox on Windows.
- piyush_soni 11y agoIt's showing fine for me (Firefox on Windows 7)
- Armand_Grillet 11y agoThe worst is that Safari needs a new type of favicon disrupting other web browsers but still doesn't display standards favicons natively.
- sigzero 11y agoI am not sure what you mean. Safari shows favicons of sites I visit?
- cheshire137 11y agoIn the bookmarks bar, no favicons show up. This is the major reason I can't switch to Safari: most of my bookmarks bar items have no label in Chrome, I just visually recognize their favicons and that's sufficient.
- ljoshua 11y agoPrecisely, I'm in the same boat. And while I've seen workarounds (like http://include.aorcsik.com/2014/12/04/add-favicons-to-safari-8-tabs/ http://include.aorcsik.com/2014/12/04/add-favicons-to-safari...) I really don't want to have to add SIMBL extensions just to get something every other browser already does. :( If it is there for pinned sites, why not add it for all of them?
- sigzero 11y agoAh! Yes, I hate that too! Thanks for clarifying.
- VeryVito 11y agoI wouldn't say it's a "new" syntax as much as it's an experimental syntax (at least according to the Apple dev stating the reason for the choice in the pre-release version and explaining that they're not committed to the new syntax for the release version [https://lists.w3.org/Archives/Public/public-whatwg-archive/2015Jun/0020.html] https://lists.w3.org/Archives/Public/public-whatwg-archive/2...). I'd be surprised if it makes it into Safari's released version, and will hold my outrage until then.
- smackfu 11y agoHere's the proposal they meant to send out prior to the announcement, which explains the rationale: https://lists.w3.org/Archives/Public/public-whatwg-archive/2015Jun/0017.html https://lists.w3.org/Archives/Public/public-whatwg-archive/2...
- sschueller 11y agoWhy are Twitter, Yelp, and Pinterest implementing this when it clearly causes problems?
- smackfu 11y agoSo they could be demoed in the WWDC keynote.
- JohnTHaller 11y agoAnd break it for existing actual users. Brilliant.
- pat2man 11y agoWorse they are implementing it incorrectly. Apparently placing a normal favicon tag after the Apple one would fix the issue and Apple suggests doing so.
- judemelancon 11y agoEveryone who read this has now given more thought to this issue than Safari's developers seem to have.
- spacecowboy_lon 11y agoTypical for apple I have spent days trying to sort out the NTP fiasco that apple introduced in mavericks. Networked macs lose connection to the OSx Server as clocks drift apart and kerberos authentication fails
- jessaustin 11y agoWhy is NTP so hard for a proprietary OS? I have never had a problem on Linux, while on Windows I can't remember seeing NTP ever actually work.
- MichaelGG 11y agoWindows implements SNTP. The goal is to keep the clock within tolerance for Kerberos (5 minutes). It's embarrassingly bad but they don't seem to have any real reason to fix it. Also the w32tm code is ... bad.
- spacecowboy_lon 11y agoAt least NTP works on windows I have been trying to migrate a small 15 mac office to use networked users - because of the changes apple made to NTP all the networked macs lose sync after a couple of hours and crash quite often screwing up the outlook database. It's certainly soured me on apple period I am recommending getting some nice dell i7 hexcore work stations.
- brudgers 11y agoGolly gee, web development sure seems to be getting complicated. Do you think there will ever be tools that can test web pages against a diversity of browsers in order to catch this sort of problem before it hits production?
- epmatsw 11y agoIs there any automated tool that would catch a visual-only issue with a favicon that doesn't throw any errors or warnings?
- brudgers 11y agoMaybe an Apple intern could sit in front of a computer that runs ImageMagick's compare utility. However, it stands to reason that Apple would be left with a choice between hiring two interns and not having an intern write their production code. Or maybe Apple could have the intern work on automating a visual testing process so that builds break when they break other browsers. But I never said anything about "automating" since even manual testing would be a QA improvement.
- donatj 11y agoSo why exactly can't Safari just use Favicon's for pinned tabs like everyone else? Gotta love standards.