Timepicker dropdown disappears on page scroll about jquery-timepicker HOT 5 CLOSED

This is using the current project HEAD. I'm not sure what the version is for the code that wraps the list in a div.

from jquery-timepicker.

If I edit the HTML by hand in Chrome to add a div wrapper around the new ul it doesn't have this behaviour.

Could you post the code for this?

from jquery-timepicker.

The timepicker list that's generate for me looks like this:

<ul tabindex="-1" class="ui-timepicker-list" style="position: absolute; left: 641px; top: 359px; display: block;">
    <li>00:00</li>
    <li>00:30</li>
    ...
    <li>23:00</li>
    <li>23:30</li>
</ul>

If I just wrap a <div> around it the scrolling problem goes away. I didn't move all the CSS related stuff, so I don't know if just wrapping it works in any case other than to fix this problem.

This is all I did:

<div>
    <ul tabindex="-1" class="ui-timepicker-list" style="position: absolute; left: 641px; top: 359px; display: block;">
        <li>00:00</li>
        <li>00:30</li>
        ...
        <li>23:00</li>
        <li>23:30</li>
    </ul>
</div>

from jquery-timepicker.

Thanks for the code. I tried adding the <div> wrapper in Javascript but it didn't appear to fix the problem. Still trying to come up with a solution.

This all stems from #64 - the goal being to mimic select dropdown behavior.

from jquery-timepicker.

This issue is now fixable thanks to 549a9a2. Set the closeOnWindowScroll option to false.

from jquery-timepicker.