JQuery DatePicker вызывает переполнение страницы

Question

Я использую элемент управления datepicker из jQuery-ui 1.8. from-date - это текстовый ввод. Я прилагаю очень простой сборщик дат:

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

Это вызывает переполнение страницы (вертикальная полоса прокрутки), чего я пытаюсь избежать. Как только я нажимаю на дату от, появляется элемент управления DatePicker, и полоса прокрутки исчезает. После закрытия указателя даты полоса прокрутки больше не появляется.

Текстовое поле находится внутри элемента div с переполнением: auto, фиксированной высоты и ширины. Я подозреваю, что это проблема z-index.

Что я делаю не так? Как бы я отладил это?

Answer 1

У меня была точно такая же проблема. Заворачивание Datepicker в новый div с фиксированной позицией после того, как документ готов для меня:

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