[RÉGLÉ] Je voudrais que le datepicker s'ouvre toujours en dessous de l'icone calendrier

[cat1910]

Bonjour à tous,

Sur un site, j'utilise le composant EventBooking pour de la réservation de cours de cuisine.

Dans un module de recherche par date, j'ai un champs "calendar", qui ouvre donc le "datepicker" de Joomla pour indiquer la date de son choix.

J'ai un souci avec le datepicker quand il s'ouvre au dessus de l'icône calendrier, par exemple sur mobile, ou quand la fenêtre navigateur n'est pas assez haute pour qu'il s'ouvre en dessous par défaut, car avec mon menu fixe en haut de page, il passe sous le menu et n'est plus accessible (cf screenshot)

J'ai tenté de bidouiller les z-index pour résoudre cela sans succès.
Je voudrais donc forcer le datepicker à s'afficher en dessous de l'icone calendrier.

J'ai tenté des modifs dans le fichier media/system/fields/calendar.js
et media/system/fields/calendar.min.js
sans succès.

Quelqu'un aurait une bonne idée ?
Merci d'avance,
Catherine

[klarann18]

Bonjour,

Est ce possible d'avoir un lien de la page en question (par mp si vous préférez) ?

[cat1910]

voilà :

https://www.lefoodist.com/test/category-page-baking-classes

[klarann18]

dans la feuille css rajoutez cette règle :

.js-calendar {
margin-top: 0 !important;
}

ça devrait corriger votre problème

[cat1910]

waouh, ça fonctionne, merci mille fois !

[klarann18]

mais de rien