Scroll page, when show datepicker with fixed input

[orloffv]

http://fiddle.jshell.net/EGXu9/9/show/

[xrmx]

Got the same issue, would an option like "don't update position when scrolling" be acceptable?

[eternicode]

@xrmx the problem is deeper than that -- the picker window is absolutely positioned on the page, so it doesn't update its position at all on scroll, it just "sits there". I suspect it's the same problem people trying to use modals have been running into.

[xrmx]

@eternicode sure, was wondering if adding a flag was ok or if it should all work automagically. What about trying to append the picker to offsetParent() instead of body (if it's not the html tag) and in this case use a relative offset() from the parent?

[xrmx]

@eternicode i've come up with this https://gist.github.com/xrmx/7115925 works for me after some minimal test, can open a pull request if it looks good

[eternicode]

I haven't looked very closely at better positioning yet (probably for 1.4), but from what I have looked at, it's going to be very complicated, and involve the explicit parent element option that a few PRs have already proposed as well as some sophisticated position detection (because you have to consider all manner of DOM ancestors with different positions [ie, absolute, fixed, etc] and other properties that affect child elements' positions).

Anyway, it's my opinion that it should work automagically, yes ;) There would be an option for explicitly defining the parent element, like I mentioned, but that would mainly be to allow things like putting the picker in a modal so it doesn't float away when you scroll when a modal is shown.

[yekibud]

@xrmx Your fix seems to work for me, so I'll use that in my fork until this is fixed properly. Thanks.

[xrmx]

@yekibud keeping attribution would have been more nice but glad it works for you ;)

[yekibud]

@xrmx sorry, I thought you would be submitting an official pull request, so I didn't think attribution mattered. Not sure how I can add it back in, at this point. Using Mercurial.

One gotcha about the fix: looks like you need to apply overflow:visible to the datepicker input's container element now to make sure the popover doesn't get cut off.

[thienquach]

@xrmx thank you, your fix works for me also

[acrobat]

Issue was fixed in #918 but i discovered still a small issue when page is scrolled before opening the datepicker. I will try to fix this error then this issue should be fixed