when adding an additional tab to a tabstrip - the tabbing behavior does not work as it should when switching tabs
use the html below:
then select in the browser the dynamic tab - works ok
then select in the browser the static tab - this results in both tabs being displayed
HTML to reproduce:
<!DOCTYPE html>
<html>
<head>
<title></title>
<link href="styles/kendo.common.min.css" rel="stylesheet" />
<link href="styles/kendo.default.min.css" rel="stylesheet" />
<script src="js/jquery.min.js"></script>
<script src="js/kendo.all.min.js"></script>
<script>
$(document).ready(function() {
$("#tabstrip").kendoTabStrip({
animation: {
open: {
effects: "fadeIn"
}
}
});
var tabstrip = $("#tabstrip").kendoTabStrip().data("kendoTabStrip");
tabstrip.append({ text: 'Dynamic Tab', content: 'Dynamic Content' });
//var firsttab = tabstrip.select();
//tabstrip.select(firsttab.next());
//tabstrip.select(firsttab);
});
</script>
</head>
<body>
<div id="forecast">
<div id="tabstrip">
<ul>
<li class="k-state-active">
Static Tab
</li>
</ul>
<div>
Static content
</div>
</div>
</div>
</body>
</html>