Ticket #5585 (closed bug: duplicate)
Datepicker Position Problem in IE 8
| Reported by: | iratherscribble | Owned by: | |
|---|---|---|---|
| Priority: | major | Milestone: | 1.11.0 |
| Component: | ui.datepicker | Version: | 1.8 |
| Keywords: | Cc: | ||
| Blocking: | Blocked by: |
Description
With an input at the bottom-left of the viewport and you click on it, the datepicker opens below, outside of the view. Scrollbar appears, but when you go to scroll, the datepicker is dismissed and the scrollbar disappears. In this case, there is no way to use the datepicker. Change script references to 1.7.2 and datepicker appears above the input and works as expected. This was a problem previously in ticket 3232. Regression in 1.8.
Attachments
Change History
Changed 3 years ago by iratherscribble
-
attachment
jqueryui18_datepicker.png
added
Changed 3 years ago by iratherscribble
-
attachment
jqueryui172_datepicker.png
added
datepicker behavior in 1.7.2
comment:1 Changed 3 years ago by giannaccio
i had the same problem.
I fixed it like in the patch for ticket 3232.
So at line 8387 change your code with
//2010/06/23 fix position in ie8 //old //var viewWidth = document.documentElement.clientWidth + $(document).scrollLeft(); //var viewHeight = document.documentElement.clientHeight + $(document).scrollTop(); // var browserWidth = (window.innerWidth || (document.documentElement && document.documentElement.clientWidth) || document.body.clientWidth); var browserHeight = (window.innerHeight || (document.documentElement && document.documentElement.clientHeight) || document.body.clientHeight); var viewWidth = browserWidth + $(document).scrollLeft(); var viewHeight = browserHeight + $(document).scrollTop(); //end fix
Note: See
TracTickets for help on using
tickets.


datepicker behavior in 1.8