Bug Tracker

Modify

Ticket #1998 (closed bug: fixed)

Opened 5 years ago

Last modified 5 years ago

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:
Blocking: Blocked by:

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>

Change History

comment:1 Changed 5 years 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.

Please follow the  bug reporting guidlines and use  jsFiddle when providing test cases and demonstrations instead of pasting the code in the ticket.

View

Add a comment

Modify Ticket

Action
as closed
Author


E-mail address and user name can be saved in the Preferences.

 
Note: See TracTickets for help on using tickets.