Opened 11 years ago

Last modified 9 years ago

#7649 open bug

Datepicker: Picker not in viewable position when the control is in far right side with horizontal scroll bar in IE7/8

Reported by: xihuazhang Owned by:
Priority: minor Milestone: none
Component: ui.datepicker Version: 1.8.15
Keywords: rewrite position Cc:
Blocked by: Blocking:

Description (last modified by mikesherov)

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>

Change History (6)

comment:1 Changed 11 years ago by cksac

There is bug in _checkOffset: function(inst, offset, isFixed) in jquery-ui.js 

var viewWidth = document.documentElement.clientWidth + $(document).scrollLeft();
var viewHeight = document.documentElement.clientHeight + $(document).scrollTop();

document.documentElement.clientWidth and document.documentElement.clientHeight return wrong value in IE 7 and IE 8. Should be 

var viewWidth = $(window).width() + $(document).scrollLeft();
var viewHeight = $(window).height() + $(document).scrollTop();
Last edited 10 years ago by mikesherov (previous) (diff)

comment:2 Changed 10 years ago by Scott González

Milestone: 1.9.0 → 1.11.0

comment:3 Changed 10 years ago by mikesherov

Description: modified (diff)
Keywords: haspatch added
Status: new → open

comment:4 Changed 10 years ago by tj.vantoll

Summary: Date Picker pop up not showed in viewable position when the control is in far right side with horizontal scroll bar in IE8 → Datepicker: Picker not in viewable position when the control is in far right side with horizontal scroll bar in IE7/8

Still an issue in master, test case - ​http://jsfiddle.net/tj_vantoll/7zURB/. This is another one that will likely be fixed with the switch to use position.

Last edited 10 years ago by tj.vantoll (previous) (diff)

comment:5 Changed 9 years ago by Scott González

Milestone: 1.11.0 → none

comment:6 Changed 9 years ago by Scott González

Keywords: rewrite position added; haspatch removed
Note: See TracTickets for help on using tickets.