Skip to content

Pickadate Time Selector Disappears on Click on JQuery UI Dialog

If you open a time picker in a jQuery dialog using the classic theme and try to use the time picker scroll bar to move down the time list, the time list disappears.

You can see the issue here: 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]
});

The problem appears in both Chrome and Firefox, but not in IE.

Anyone have any ideas as to why this is happening and how to fix it?

Answer

You can add the following line:

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

Example: http://jsfiddle.net/cu0y9hyn/1/