When focusing the comopnent a visual indication aims to show the user that something has changing during keyboard navigation. In the TabStrip there is no such indication. This also violates WCAG 2.4.7.
https://demos.telerik.com/kendo-ui/tabstrip/keyboard-navigation
Bug report
The kendo.culture.nb-NO.min.js file contains some unwanted characters: "Â".
Reproduction of the problem
See Ticket ID: 1486493 for more details.
The unminified file looks correctly: https://github.com/telerik/kendo-ui-core/blob/master/src/cultures/kendo.culture.nb-NO.js
Current behavior
Expected/desired behavior
Environment
- Kendo UI version: 2020.3.915
- jQuery version: x.y
- Browser: [all]
Bug report
Reproduction of the problem
Reproducible in the demos on mobile devices or in Chrome's emulator.
Screencast.
- Tap over the MultiSelect input area and drag to scroll the page.
Current behavior
The dropdown opens and a js exception is thrown:
"Ignored attempt to cancel a touchend event with cancelable=false, for example because scrolling is in progress and cannot be interrupted."
Expected/desired behavior
The dropdown does not open (similarly to the way the DropDownList behaves in the same scenario).
Environment
- Kendo UI version: 2019.2.514
- jQuery version: x.y
- Browser: [Mobile Chrome XX ]
I was working with a badge widget and I noticed an issue when the value property is specified as 0. It does not change the value displayed in the badge. I have attached a snippet based on the Basic usage demo for a Badge. I originally noticed it because I'm using the badge in MVVM pattern.
<!DOCTYPE html>
<html>
<head>
<base href="https://demos.telerik.com/kendo-ui/badge/index">
<style>html { font-size: 14px; font-family: Arial, Helvetica, sans-serif; }</style>
<title></title>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2020.1.219/styles/kendo.default-v2.min.css" />
<script src="https://kendo.cdn.telerik.com/2020.1.219/js/jquery.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2020.1.219/js/kendo.all.min.js"></script>
</head>
<body>
<div id="example">
<div class="demo-section k-content">
<div id="toolbar"></div>
</div>
<script>
$("#toolbar").kendoToolBar({
items: [
{
template: '<a class="k-button k-badge-overlay" href="#"><span class="k-icon k-i-user"></span><span id="badge-overlay">2</span></a>'
},
{
template: '<a class="k-button k-badge-overlay" href="#"><span class="k-icon k-i-email"></span><span id="badge-inbox">5</span></a>'
},
{
template: '<a class="k-button" href="#">See later <span id="badge-sent">15</span></a>'
},
{
template: '<a class="k-button" href="#">News<span id="badge-missed">99+</span></a>'
}
]
});
$('#badge-inbox').kendoBadge({
type: 'info',
appearance: 'rectangle'
})
$('#badge-sent').kendoBadge({
type: 'success',
appearance: 'rectangle'
})
$('#badge-missed').kendoBadge({
type: 'warning',
value: 0, /*The span has an original value specified in HTML. When it is run, the value doesn't change unless you change it to something other than 0, i.e. 10*/
appearance: 'rectangle'
})
$('#badge-overlay').kendoBadge({
type: 'primary'
})
</script>
<style>
#toolbar {
display: flex;
justify-content: center;
height: 80px;
}
#example a{
margin-left: 5px;
}
#example .k-icon {
font-size: 20px;
}
</style>
</div>
</body>
</html>
Currently you can clone the Pager to make it appear both on Top/Bottom. This should be configurable so that you can have in on top of the grid or the bottom of grid or both
It would be nice to be able to configure the grid in a way that when I collapse a group, the lines it was occupying are then filled up by the results from the following pages. Kendo Grid currently only minimizes the results of the current page. It ignores the pageSize config we have set, not bringing more items to occupy the number of lines we have configured. Here are some screenshots I took from the DevExpress grid. There you can see that the column year is grouped and initially the years 90 and 91 are expanded. When I collapse the year 90, the results from the year 91 fill up the space the other group was not using anymore. http://imgur.com/a/IV4CT
Bug report
DatePicker throws JS error "Cannot read property '_focus' of undefined" in the following scenario:
1. Focus element
2. Select all text inside
3 Press Backspace or Delete
4. Remove focus from the element by clicking outside
Dojo to reproduce: https://dojo.telerik.com/uZAhiHuC
Reported in #1450532
In cases when we have loadOnDemand set to true and we want to populate the value of the DropDownTree initially we need a way to check if this value is part of the available options. One possible solution is adding a valueMapper function similar to the one use in virtualization scenarios.
Bug report
When using Spreadsheet with SASS theme and entering an array formula with Ctrl+Shift+Enter the {} braces surrounding array formula in the formula bar are not displayed.
Reproduction of the problem
Enter the following formula in any cell within the dojos below cell and press Ctrl+Shift+Enter : =Product(C3:C11)
dojo of a Spreadsheet demo with LESS theme
dojo of a Spreadsheet demo with SASS theme
Current behavior
Spreadsheet with LESS based theme displays the array formula correctly in the formula bar: {=Product(C3:C11)}
Spreadsheet with SASS based theme displays the array formula incorrectly in the formula bar: =Product(C3:C11)
Expected/desired behavior
Spreadsheet with SASS based theme should display array formulas with {} braces: {=Product(C3:C11)}
Environment
Kendo UI version: 2019.3.1023
Set an indicator same way that grid already does but now in sheet cells when a record is 'dirty'.