In bug 1589550, we show properties that are deprecated, experimental or unsupported though, the unsupported browser are not displayed.
In this bug, we additionally show the unsupported browsers as icon.

Hi Victoria!
I made a prototype showing the unsupported browsers' icon.
I'd like to hear your opinion about especially followings:

• For the mobile sign, use a mobile icon which MDN is using( https://developer.mozilla.org/static/platforms/mobile.svg ) instead of 'm'.
• How should we show the alias such as nightly, beta on the tooltip?

Thanks!

Hi Daisuke!

Wow, this prototype looks great! And the mobile icon is an awesome idea. It's much better than the 'm' :).

Re: the tooltip, I need to think about this part some more. (There's a section in the doc about this that seems a bit incomplete now that I'm looking at it :).)

Thank you very much for your feedback, Victoria!
Okay, I will proceed using the icon. (Patrick gave me the idea which uses the mobile icon :))
And, about tooltips, when you come up with something, please let me know!

Here are some ideas for the tooltip:

If ESR, current, and prerelease all have the problem:

Firefox 70 (current)

If it's fixed in prerelease, but missing until then:

Firefox 70 (current), support added in 71 beta

+Plus partial support indicator, like an asterisk to follow caniuse's pattern

If it's missing in prerelease, but supported until then:

Removed in Firefox 71 beta, supported in 70 release

+Plus partial support indicator

If it's fixed in current, but missing in ESR:

...do we show an error in this case? It would need a special indicator to communicate "pretty solid support."

CC: Martin :)

IE would be a special case that would just say "Internet Explorer 11", etc

We could try a .5 opacity icon for partial support.

One tiny thing I noticed in the demo is that the bottom of the Firefox icons is cut off a bit :)

The wording sounds generally good to me. The one example I'm not so sure about is this:

If it's missing in prerelease, but supported until then:

Removed in Firefox 71 beta, supported in 70 release

I'm not sure if it's valuable to call out "supported in 70 release". In a way the CTA is to stop using whatever gets removed :)

Depends on D52970

Depends on D52971

Depends on D52973

Depends on D52974

(In reply to Martin Balfanz [:mbalfanz] from comment #7)

The wording sounds generally good to me. The one example I'm not so sure about is this:

If it's missing in prerelease, but supported until then:

Removed in Firefox 71 beta, supported in 70 release

I'm not sure if it's valuable to call out "supported in 70 release". In a way the CTA is to stop using whatever gets removed :)

I see what you mean. I see this example as such a tricky situation, that we might as well give the full info for clarity. (E.g. so people know things will start breaking soon, and it's not something that's just always been broken.) I'd hope the warning icon with "(deprecated)" is enough encouragement to fix the problem.

Thank you very much, Victoria, Martin!
Let me implement the tooltip in another bug since we need more information besides unsupported browsers information to implement this.

https://hg.mozilla.org/mozilla-central/rev/c52756026ed0
https://hg.mozilla.org/mozilla-central/rev/befe2819a367
https://hg.mozilla.org/mozilla-central/rev/64eb33d0156e
https://hg.mozilla.org/mozilla-central/rev/db61ed78dc57
https://hg.mozilla.org/mozilla-central/rev/d35690bfcfb4

Marking as verified as part of the feature testing on 78(nightly) builds.