Taking too long? Close loading screen.

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é?

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *