This is a migrated thread and some comments may be shown as answers.

Bug in Internet Explorer Version 7 and 8

3 Answers 162 Views

Calendar

This is a migrated thread and some comments may be shown as answers.

manny asked on 07 Feb 2012, 10:45 AM

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:

<!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!

3 Answers, 1 is accepted

answered on 10 Feb 2012, 08:29 AM

popup-resize.zip

Hello Manny,

I'm attaching a patch for kendo.popup.js, that should resolve the issue.

Kind regards,
Kamen Bundev
the Telerik team

Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!