I found a bug in IE 7 and 8 (sorry we have to use this versions in Windows XP).
I modified your example to a very basic version. If you try the following code, then you see that the calender popup is NOT closed.
If you add the following line after line 22 (CSS of #container"): "padding: 1px" then it works like expected.
Try this code:
The bug only exists in IE 7 and 8, not in IE 9 or in Firefox or in Chrome or in Safary.
Thank you for your exciting work - excellent!
I modified your example to a very basic version. If you try the following code, then you see that the calender popup is NOT closed.
If you add the following line after line 22 (CSS of #container"): "padding: 1px" then it works like expected.
Try this code:
<!doctype html>
<
html
>
<
head
>
<
title
>Basic usage</
title
>
<
link
href
=
"../../../source/styles/kendo.common.css"
rel
=
"stylesheet"
/>
<
link
href
=
"../../../source/styles/kendo.default.css"
rel
=
"stylesheet"
/>
<
script
src
=
"../../../source/js/jquery.min.js"
></
script
>
<
script
src
=
"../../../source/js/kendo.core.js"
></
script
>
<
script
src
=
"../../../source/js/kendo.fx.js"
></
script
>
<
script
src
=
"../../../source/js/kendo.popup.js"
></
script
>
<
script
src
=
"../../../source/js/kendo.calendar.js"
></
script
>
<
script
src
=
"../../../source/js/kendo.datepicker.js"
></
script
>
<
style
type
=
"text/css"
>
body {
padding: 0;
margin: 0;
font: 76% tahoma, verdana, sans-serif;
color: #303030;
}
#container {
margin: 10px;
}
</
style
>
</
head
>
<
body
>
<
div
id
=
"container"
>
<
input
id
=
"datepicker"
value
=
"10/10/2011"
style
=
"width:150px;"
/>
</
div
>
<
script
>
$(document).ready(function() {
// create DatePicker from input HTML element
$("#datepicker").kendoDatePicker();
});
</
script
>
</
body
>
</
html
>
The bug only exists in IE 7 and 8, not in IE 9 or in Firefox or in Chrome or in Safary.
Thank you for your exciting work - excellent!