Modify ↓
Ticket #1998 (closed bug: fixed)
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
Please follow the bug reporting guidlines and use jsFiddle when providing test cases and demonstrations instead of pasting the code in the ticket.
Note: See
TracTickets for help on using
tickets.

The datepicker has been patched to correct this problem.