Project

General

Profile

Support #41251

rendu du champ "recherche" sur Safari de MacOS X

Added by Serghei Mihai about 2 months ago. Updated about 2 months ago.

Status:
Nouveau
Priority:
Normal
Assignee:
-
Target version:
-
Start date:
02 Apr 2020
Due date:
% Done:

0%

Patch proposed:
No
Planning:
No

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.

History

#1 Updated by Thomas Jund about 2 months ago

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…

#2 Updated by Serghei Mihai about 2 months ago

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.

#3 Updated by Thomas Jund about 2 months ago

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).

Also available in: Atom PDF