Double bordure sur les balises abbr about tinytypo

[rastapopougros]

Ah ben tiens ça m'est arrivé lundi ça, exactement. Faut choisir l'un ou l'autre mais pas les deux (est-ce que les navs qui stylent cette balise font tous un underline ?)

[brunob]

Chromium n'applique de text-decoration, d'où ma proposition de désactiver celui-ci pour Firefox et les autres navs qui le feraient.

[7studio]

Voici une explication sur ce changement dans Fx : necolas/normalize.css#451 (comment) et une proposition/solution intéressante : necolas/normalize.css#468 (files changes).

[rastapopougros]

Oui donc plutôt garder le underline que le border. Car en plus ça fait partie de la recommandation html officielle :
https://html.spec.whatwg.org/multipage/rendering.html#phrasing-content-3

[lespacedunmatin]

Sauf que si ça ne fonctionne pas dans un nombre significatif de navigateurs, ça n’aide pas.

Et la solution à base de @supports introduit de la complexité…

[rastapopougros]

Ah oui ok le "dotted" ya presque rien qui le supporte (enfin FF et tous les webkit mais avec le préfixe).

[erational]

Le changement a été introduit par FF40
https://www.fxsitecompat.com/en-US/docs/2015/default-style-of-abbr-acronym-has-been-changed/

La solution https://github.com/necolas/normalize.css/pull/468/files ne fonctionne pas car la valeur text-decoration:underline dotted; n'est pas comprise par de nombreux navigateurs (dont chrome).

Le fix le plus simple à mon avis est d'ajouter text-decoration:none; pour désactiver la feuille FF.
J'essaie de faire une capture avec la font japonaise Meiryo (qui est à l'origine de ce changement chez Firefox) voir si c'est si moche que cela ...

[erational]

Voici un aperçu avec du fix text-decoration:none; avec un texte utilisant la police japonaise causant le problème (Meiryo). Rien de choquant pour moi:

[tetue]

Merci pour votre vigilance et vos commentaires documentés. J'ai (enfin) pu corriger : en annulant le dotted que seul FF semble supporter pour l'instant.

Voir aussi : https://developer.mozilla.org/en-US/docs/Styling_Abbreviations_and_Acronyms