Dropdown does not scroll with input when using `appendTo` option

[jessehouchins]

trafficstars

Right now, the support for scrollable containers (other than the window) seems lacking. If i have a time picker (open) in a scrollable div and scroll without clicking (trackpad/mouse wheel) the input moves, but the dropdown stays where it was:

The solution involves setting event handlers on the inputs scrollable parent(s) to reposition (or close) it when they scroll. Unfortunately, the .scrollParent() method is not part of base jQuery, so we would need to write a custom method to support the feature without requiring jQuery UI. Another option might be to bind to scroll events on all ancestor elements.

[jonthornton]

Does this happen when the picker is appended to something inside the scrollable container, or only when it's appended outside the container (like body)?

[jessehouchins]

probably only outside the container.

[CoralSilver]

This is happening to me even when appended to the form which the timepicker input is inside of.

[jonthornton]

The containing element referenced by appendTo needs to have the position: relative CSS rule set.