Support #41251
rendu du champ "recherche" sur Safari de MacOS X
0%
Description
Lors de l'intégration pour Arles: https://dev.entrouvert.org/issues/40682#note-10 j'ai découvert que le rendu du champ recherche dans Safari ne suivant pas les styles déclarés.
Je suis tombé sur https://diveintohtml5.info/forms.html#type-search qui explique la particularité de rendu sous MacOS X, et l'astuce pour la contourner.
A voir si on souhaite appliquer l'astuce systèmatiquement ou on s'en fout.
Historique
Mis à jour par Thomas Jund (congés, retour le 29/04) il y a environ 4 ans
Dive into HTML 5 doit être la première série d'articles que j'ai lu sur HTML 5. Cette référence a 10 ans ! Je ne pense pas qu'elle soit encore valable pour le styling des input search sur safari.
Il est plus logique aujourd'hui d'utiliser la propriété `appearance` : https://css-tricks.com/almanac/properties/a/appearance/
Mais cela signifie aussi de la préfixer, moi qui aimerait ne plus voir de préfix dans le core…
Mis à jour par Serghei Mihai il y a environ 4 ans
Thomas Jund a écrit :
Dive into HTML 5 doit être la première série d'articles que j'ai lu sur HTML 5. Cette référence a 10 ans ! Je ne pense pas qu'elle soit encore valable pour le styling des input search sur safari.
Pourtant dans https://dev.entrouvert.org/issues/40682#note-10 j'ai une capture qui me montre que c'est toujours le cas.
Je l'ai constaté sur un OSX Mojave (version de 2018).
Il est plus logique aujourd'hui d'utiliser la propriété `appearance` : https://css-tricks.com/almanac/properties/a/appearance/
Mais cela signifie aussi de la préfixer, moi qui aimerait ne plus voir de préfix dans le core…
On peut aussi décider qu'on s'en fout et si vraiment nécessaire poser la propriété dans le _custom.
Mis à jour par Thomas Jund (congés, retour le 29/04) il y a environ 4 ans
J'ai mal lu, c'est bien la prop 'appearance' que tu as utilisé (et qui était déjà mentionné dans dive into HTML5 wouaou!)
Je serais pour la placer dans le core (avec prefix -moz et -webkit, snif).