jQuery datepicker provoque le débordement de page

Question

J'utilise le contrôle datepicker de jQuery-ui 1.8. from-date est une entrée de texte. Je joins une datepicker très simple:

$('#from-date').datepicker(); 

Cela provoque la page à débordement (barre de défilement verticale), que je suis en train d'éviter. Dès que je clique sur la date de début, le contrôle datepicker apparaît et la barre de défilement disparaît. Après avoir ignoré le calendrier, la barre de défilement n'apparaît plus.

Le champ de texte est à l'intérieur d'un div qui a un débordement: automatique et une hauteur et une largeur fixes. Je soupçonne que c'est un problème d'indice z.

Qu'est-ce que je fais mal? Comment pourrais-je déboguer cela?

Answer 1

J'avais exactement le même problème. Emballage Datepicker dans une nouvelle div avec une position fixe après que le document est prêt a fonctionné pour moi.

$(document).ready(function() { 
    // ... 
    $("#ui-datepicker-div").wrap('<div style="position:absolute;top:0px;"></div>'); 
}