Skip to content
Advertisement

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?

Advertisement

Answer

You can add the following line:

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

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

User contributions licensed under: CC BY-SA
7 People found this is helpful
Advertisement