jQuery: The Write Less, Do More JavaScript Library

Ticket #1998 (closed bug: fixed)

Opened 5 months ago

Last modified 4 months ago

UI.DatePicker is positioned incorrectly in a scrolling div

Reported by: DaveJamesMiller Assigned to: anonymous
Type: bug Priority: major
Milestone: 1.2.2 Component: ui
Version: 1.2.1 Keywords:
Cc: Needs: Review

Description

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;
		}
		// START HACK -DJM
		var pos = $(obj).offset();
		return [pos.left, pos.top];
		// END HACK -DJM
		// -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 />
</div>

Attachments

Change History

Changed 4 months ago by kbwood

  • status changed from new to closed
  • resolution set to fixed
  • milestone set to 1.2.2

The datepicker has been patched to correct this problem.

Note: See TracTickets for help on using tickets.