Tether doesn't update properly when target parent has `overflow-y: auto;`

[jkillian]

I've encountered an issue with Tether where the position of the tethered element isn't updated properly when the parent of the target element has the CSS style overflow-y: auto. The initial position of the element is correct, but when the page is scrolled, the position of the element doesn't move alongside of the target.

If this one line of CSS is removed, things work correctly again. In addition, if there is a manual Tether.position() call made, the element is moved to the proper location.

I haven't had time to make a minimal repro of the bug, my apologies. I thought I'd check if there are any initial things I could try out to get things working properly.

[panzerdp]

+1 Faced the same issue, using overflow-y: auto.

[panzerdp]

Managed to make it work. Be sure that your scrollable container (the one with overflow-y: auto) has one of the styles for position: relative, absolute or fixed, and then tether will manage to detect the scroll parent.

[jonagoldman]

I'm having a similar issue. When I put position:relative in the parent container, Tether moves the elements outside the container.

[jniechcial]

Any feedback on this? I also have similar issue, but position does not help :(