Datepicker: Picker not in viewable position when the control is in far right side with horizontal scroll bar in IE7/8
The follow is the test case:
<html>
<head><title>jQuery date picker</title>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.15/themes/base/jquery-ui.css" type="text/css"/>
</head>
<body>
<form>
<br/><br/><br/><br/><br/><br/><br/><br/>
<table><tr>
<td>
<input id="date1" type="textbox" class='date_picker'/>
</td>
<td>
<input id="date2" type="textbox" class='date_picker'/>
</td>
<td>
<input id="date3" type="textbox" class='date_picker'/>
</td>
<td>
<input id="date4" type="textbox" class='date_picker'/>
</td>
<td>
<input id="date5" type="textbox" class='date_picker'/>
</td>
<td>
<input id="date6" type="textbox" class='date_picker'/>
</td>
<td>
<input id="date7" type="textbox" class='date_picker'/>
</td>
<td>
<input id="date8" type="textbox" class='date_picker'/>
</td>
<td>
<input id="date9" type="textbox" class='date_picker'/>
</td>
<td>
<input id="date10" type="textbox" class='date_picker'/>
</td>
<td>
<input id="date11" type="textbox" class='date_picker'/>
</td>
<td>
<input id="date12" type="textbox" class='date_picker'/>
</td>
<td>
<input id="date13" type="textbox" class='date_picker'/>
</td>
<td>
<input id="date14" type="textbox" class='date_picker'/>
</td>
<td>
<input id="date15" type="textbox" class='date_picker'/>
</td>
<td>
<input id="date16" type="textbox" class='date_picker'/>
</td>
<td>
<input id="date17" type="textbox" class='date_picker'/>
</td>
<td>
<input id="date18" type="textbox" class='date_picker'/>
</td>
</tr></table>
</form>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.15/jquery-ui.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".date_picker").datepicker({ showOn: 'button', buttonText: "select" });
});
</script>
</body>
</html>
There is bug in _checkOffset: function(inst, offset, isFixed) in jquery-ui.js
document.documentElement.clientWidth and document.documentElement.clientHeight return wrong value in IE 7 and IE 8. Should be