Секундомер выбора Pickadate исчезает при нажатии на JQuery UI Dialog

Question

Если вы откроете сборщик времени в диалоговом окне jQuery, используя классическую тему, и попробуйте использовать полосу прокрутки таймера для перемещения вниз по списку времени, список времени исчезнет.

Вы можете увидеть здесь вопрос: http://jsfiddle.net/7c2z840a/7/

jQuery("#tmStart").pickatime({ 
    editable: true, 
    format: 'h:i A', 
    formatSubmit: 'HH:i', 
    //hiddenSuffix: '_FORMATTED', 
    interval: 15, 
    min: [7,0], 
    max: [21,0] 
}); 

Проблема появляется в обоих Chrome и Firefox, но не в IE.

У кого-нибудь есть идеи, почему это происходит и как его исправить?

Answer 1

Вы можете добавить следующую строку:

jQuery("#tmStart_root").find(".picker__box").css({height: "100px", overflow: "auto"}); 

Пример: http://jsfiddle.net/cu0y9hyn/1/

Answer 2

Появляющаяся полоса прокрутки относится к виджету диалогового окна, а не к datepicker. При нажатии на скроллинга имеет тот же эффект, что и нажатие других, что приводит к закрытию DatePicker

Answer 3

Убедитесь, что вы создаете экземпляр pickatime после вас создайте экземпляр диалогового окна