Sous Safari, le datepicker du plugin de contact « contact-form 7 » n’affiche pas le calendrier afin de sélectionner une date. Cela pose évidemment un problème pour tous ceux qui veulent utiliser cette fonctionnalité de contact-form. Bien sûr, on peut toujours afficher un champ « texte » et se resservir un café avec le sentiment du devoir accompli.
Pour les développeurs qui, comme chez Kleeker, aime à trouver la meilleure solution dans toutes les étapes du développement d’un site internet, nous vous proposons en deux étapes la démarche à suivre pour résoudre ce bug!
1ère étape:
Ajoutez ce script dans le fichier fonctions de votre thème:
add_filter( ‘wpcf7_support_html5_fallback’, ‘__return_true’ );
2ème étape:
Modifier le CSS du thème en ajoutant un z-index pour le bon affichage du calendrier.
Ajouter la ligne suivante:
div#ui-datepicker-div { z-index:1000!important; }
Le champ de la date sera toujours vide et n’affichera pas le label (jj/mm/aaaa) comme dans certains navigateurs sous Windows du reste. Par contre en cliquant sur le champ, le sélecteur de date apparaîtra et affichera le calendrier.! Un p’tit café?