In a very special case it is impossible to select a value from the ComboBox. It only occurs on iPads.
if ComboBox filter is set, virtualization is on and the datasource is set programmatically after initialization. A data item cannot be selected from the list if it is filtered before hand and the item is located at the second page inside the popup.
Steps to reproduce:
- Open https://dojo.telerik.com/UbuRecut/4 on an iPad
- Wait till data source is set
- Input filter value (Popup should open and be scrollable)
- scroll to the end of the popup
- click element at the end of the list
- No item is selected
Used Dojo Snippet:
<!DOCTYPE html><html>
<head>
<meta charset="utf-8"/>
<title>Kendo UI Snippet</title>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/themes/7.2.0/default/default-ocean-blue.css"/>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2024.1.130/js/kendo.all.min.js"></script>
</head>
<body>
<input id="orders" style="width: 400px" />
<script>
$(document).ready(function() {
const ctrl = $("#orders").kendoComboBox({
template: '<span class="order-id">#= OrderID #</span> #= ShipName #, #= ShipCountry #',
dataTextField: "ShipName",
dataValueField: "OrderID",
filter: 'startswith',
virtual: {
itemHeight: 26,
valueMapper: function(options) {
$.ajax({
url: "https://demos.telerik.com/kendo-ui/service/Orders/ValueMapper",
type: "GET",
dataType: "jsonp",
data: convertValues(options.value),
success: function (data) {
//the **data** is either index or array of indices.
//Example:
// 10258 -> 10 (index in the Orders collection)
// [10258, 10261] -> [10, 14] (indices in the Orders collection)
options.success(data);
}
})
}
},
height: 520,
}).data('kendoComboBox');
$.ajax({
url: "https://demos.telerik.com/kendo-ui/service/Northwind.svc/Orders",
type: "GET",
dataType: "json",
success: function (data) {
ctrl.setDataSource(data.d)
}
})
});
function convertValues(value) {
var data = {};
value = $.isArray(value) ? value : [value];
for (var idx = 0; idx < value.length; idx++) {
data["values[" + idx + "]"] = value[idx];
}
return data;
}
</script>
</body>
</html>
- Are there any specific versions of Kendo UI jQuery that you would recommend for compatibility with strict CSP?
- What potential risks or extensive modifications might be involved in upgrading from our current version to a CSP-compatible version?
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]
It would be nice to customize the ActionSheet title for adaptive DatePicker or TimePicker. Currently it is hardcoded.
A title entry in the messages object would be nice.
Hi Telerik Team,
We are using latest version (2022.1.412) of the Kendo jQuery tool set. The latest version of Kendo jQuery is using one of the older version of jszip 2.6.1, which is being tagged a vulnerable by our scanning tool. Can you please upgrade the version of jszip in your latest Kendo jQuery (KendoUIProfessional and Telerik.UI.for.AspNet.Mvc5)
Hi
We want to customize disable the subtotal at table.
For example table :
P1 \p12: 100
P1 :100 -->disable subtotal
p2:100
James
Hello Kendo UI Team,
I found one bug regarding the multidrop down selection while we want to add new on search text we enter some text and than after click on clear button and click on the add new button text is saved.
I attached one video for the same so you can easily find the issue.
Thanks & Regards.
Repro steps:
- Open URL: Kendo UI Snippet | Kendo UI Dojo (telerik.com)
- Navigate to the Choose Library combo box and select 'Kendo UI 2022 R2' option.
- Navigate to the Run button and activate it.
- Open Narrator using 'Ctrl + Win + Enter' key.
- Press 'T' key to navigate table in quick navigation mode.
- Navigate the table header controls using up arrow.
- Observe that narrator announce role as link on Filter controls.
Actual Results:
Incorrect role is defined as "link" for the "filter" button, Screen reader announce like "Metric type filter column setting link".
Expected Results:
Correct role should be defined as "button" for the "filter" button. Screen reader should announce like "Metric type filter column setting button".
Describe the bug
Once the Tooltip is shown for a target with short title, if opened for a target with longer title, its width is not updated properly. The shortest width is persisted. Reproducible in all SASS themes, not reproducible in the LESS themes.
To reproduce
Steps to reproduce the behavior:
- Go to dojo.
- Hover "Korean"
- Hover "Korean short"
- Hover "Korean" again
Expected behavior
The Tooltip should resize properly to fit the title of the element it is shown for.
Screenshots
Affected package (please provide)
- theme-default
- theme-bootstrap
- theme-material
Affected suites (please provide)
- Kendo UI for jQuery
- Kendo UI for Vue
Affected browsers (please provide)
- Firefox: [latest]
- Chrome: [latest]
- Edge version: [latest]
- IE version: [11]
Build system information (please provide)
- OS: [Windows]
Additional context
N/A
Hi Guys,
I have just upgraded to v2023.3.1114 only to find out the AngularJS directives have been completely removed from this release, causing a lot of wasted time & effort triaging the errors and then rolling things back to a previous working revision.
Back in a February 2018 blog post, you stated you were dropping support for AngularJS in all new components which was understandable but what I didn't expect was it's complete removal, especially in a SP, without any further communication.
The v2023.3.1114 release notes do not even list this as a breaking change, so are you expecting your customers to be clairvoyant now or is this just another example of how poor Telerik's customer service has become in the past few years?
Regards
Alan
Hi,
I'm finding that the grid pager is improperly rendered when it's initialized while hidden. Regression was introduced in version 2023.2.829 (didn't check internal revisions).
I use this, for example, when using tab panels and switching tabs containing grids.
I've made a dojo that illustrates the issue, clicking the button "show grid" shows the previously hidden grid
https://dojo.telerik.com/AZADekem
Best,
Gil
Hi Team,
Is there a way to create pop up create and inline edit.
Thanks,
Nimita
Currently, when a Kendo component is initialized in the TreeList template it should be initialized in databound, expand, collapse events.
- As the nodes are refreshed when they are expanded the components will not appear as expected in case they are not reitinitized in the collapse/expand event handlers.
- In addition, a setTimeout is needed to ensure that the needed elements are rendered when a node is expanded or collapsed. Adding the timeout leads to a flickering that is not a good user experience solution.
The dojo linked here demonstrates such an example - https://dojo.telerik.com/@NeliKondova/eFaFEveD
I would like the behavior to be enhanced in order to allow initializing the Kendo component in the TreeList template without the need to use the setTimeout function and if possible without reinitializing the components in the expand/collapse event handlers.
Event "Select" is triggered on dropdown list when user do a middle click on the part outside of the list, event the popup of list isn't opened.
I have a tab control, and a number of the related views contain grids.
If a grid is created in a tab view that is not visible, then the grid pager renders as if it was on a tiny mobile screen. The only way you can make it render the pager correcly is to manually resize the browser window after the grid has become visible.
I have a simple demonstration here: https://dojo.telerik.com/eCuQAqEm
The behavior is the same in both Chrome and Firefox.
<!DOCTYPE html>
<html>
<head>
<base href="https://demos.telerik.com/kendo-ui/tabstrip/index">
<style>html { font-size: 14px; font-family: Arial, Helvetica, sans-serif; }</style>
<title></title>
<link href="https://kendo.cdn.telerik.com/themes/6.7.0/default/default-main.css" rel="stylesheet" />
<script src="https://kendo.cdn.telerik.com/2023.2.829/js/jquery.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2023.2.829/js/kendo.all.min.js"></script>
</head>
<body>
<div id="example">
<div class="demo-section">
<div id="tabstrip">
<ul>
<li class="k-active">
Visible Grid
</li>
<li>
Hidden Grid
</li>
</ul>
<div>
<div id="visibleGrid"></div>
</div>
<div>
<div id="hiddenGrid"></div>
</div>
</div>
</div>
<script>
const data = [];
for (let i = 0; i < 100; ++i) {
data.push({
columnOne : `Item ${i} Column One`,
columnTwo : `Item ${i} Column Two`
});
}
const gridOptions = {
dataSource: data,
pageable: {
refresh: true,
pageSize: 10,
pageSizes: [10, 20, 30]
},
};
$(document).ready(function() {
$("#tabstrip").kendoTabStrip();
$("#visibleGrid").kendoGrid(gridOptions);
$("#hiddenGrid").kendoGrid(gridOptions);
});
</script>
</div>
</body>
</html>
Bug report
The localization with zh-TW culture throws a JavaScript error.
Reproduction of the problem
- Open the Dojo example - https://dojo.telerik.com/oKUPuLEH
- Inspect the page and see the error in the browser console.
Current behavior
The following error appears in the browser console:
Uncaught TypeError: Cannot read properties of undefined (reading 'options')
Expected/desired behavior
The localization should not produce any errors.
Environment
- Kendo UI version: 2023.2.718
- Browser: [all]
Good morning,
currently the compatible JQuery versions are only listed in this article: https://docs.telerik.com/kendo-ui/intro/supporting/jquery-support.
Most of the time also with great delay (as of today: 3 versions behind)
Would it be possible to include the compatible versions directly into the Release Notes of new versions?
This way we can safely upgrade JQuery along with new Kendo UI Releases.