Skip to main content

Bug Tracker

Side navigation

#1998 closed bug (fixed)

Opened December 03, 2007 10:43AM UTC

Closed January 02, 2008 11:04PM UTC

UI.DatePicker is positioned incorrectly in a scrolling div

Reported by: DaveJamesMiller Owned by:
Priority: major Milestone: 1.2.2
Component: ui Version: 1.2.1
Keywords: Cc:
Blocked by: Blocking:

I have a field with UI.DatePicker attached inside a scrolling div, and when you scroll down in the DIV, the popup shows in the wrong place. I made the following change - it seems to work for me in IE7, FF2, Opera, but I do not know if there will be any side effects or problems in other browsers.

	/* Find an object's position on the screen. */
	_findPos: function(obj) {
		while (obj && (obj.type == 'hidden' || obj.nodeType != 1)) {
			obj = obj.nextSibling;
		var pos = $(obj).offset();
		return [pos.left,];
		// -SNIP-

The HTML is something like this:

<div style="overflow: auto; height: 200px">
<br /><br /><br /><br /><br />
<input name="date" />
<br /><br /><br /><br /><br />
Attachments (0)
Change History (1)

Changed January 02, 2008 11:04PM UTC by kbwood comment:1

milestone: → 1.2.2
resolution: → fixed
status: newclosed

The datepicker has been patched to correct this problem.