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]
Currently the media player only supports YouTube and local media files. In think it would benefit from supporting other media providers such as Vimeo and Metacafe.
When an object is passed to an iframe method and kendo.observable is called on it, an error is thrown. This error is new in the latest kendo releases and appears to be from a change to how kendo decides if something is an object. Kendo now uses { Object.getPrototypeOf(value) === Object.getPrototypeOf({})) } which it did not do in prior releases. This test fails when the object tested is passed in from another frame.
You can repo this issue on the test site we setup: Kendo UI Snippet (sixdisciplines.com)
Click the 'Call IFrame' button and notice the following error thrown:
Uncaught TypeError: e.bind is not a function
at init.wrap (kendo.all.js:318535:21)
at kendo.all.js:318535:21
at Array.forEach (<anonymous>)
at new init (kendo.all.js:318535:21)
at n.observable (kendo.all.js:318535:21)
at iframeMethod (iframetest.html?5:14:25)
at callIFrame (test.html:17:55)
at HTMLButtonElement.onclick (test.html:21:34)
Following is the source used for this repo. I have also attached the html files.
Test.html:
<html>
<head>
<meta charset="utf-8"/>
<title>Kendo UI Snippet</title>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/themes/6.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/2023.1.314/js/kendo.all.min.js"></script>
</head>
<body>
<script>
function callIFrame(){
debugger;
var obj = new Object({ p1: 1, p2: 2, child: new Object({ c1: 1, c2: 2 }) });
document.getElementById('targetFrame').contentWindow.iframeMethod(obj);
}
</script>
<button onclick="callIFrame()">Call IFrame</button>
<iframe id='targetFrame' src='iframetest.html?5'></iframe>
</body>
</html>
iframetest.html
<html>
<head>
<meta charset="utf-8"/>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/themes/6.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/2023.1.314/js/kendo.all.min.js"></script>
</head>
<body>
<script>
function iframeMethod(obj){
debugger;
var observable = kendo.observable(obj);
alert('called')
}
</script>
IFrame with kendo
</body>
</html>
If a column is hidden in a grid, editing and then closing the popup shows the column for that row.
We would love to see the ability to modify/add/remove Custom Advance Properties to Excel Spreadsheets.
CSP is a great security feature. It should be fully supported by Kendo! The best would be some way to precompile Kendo Templates. Second option could be that you can use Kendo + CSP when not using own Kendo Templates at all.
Would like some way to know when the file is finished saving. This is especially useful when saveAs uses a proxyURL and a user is waiting for the file to come back from the server. Currently, there is no way to inform user of this progress or when it completes.
Hi Team,
I would like to request samples are created for Kendo UI for jQuery using TypeScript as it would be nice to see the implementation in action. If possible, please could you include a section using ASP.NET Core as well.
Thank you!
Hi Team, we're using kendo heavily on our platform. But still there're many gaps in kendo accessibility. I'm working as a Accessibility advocate and i believe every individual can access the widgets irrespective of their barriers. One of the issue is:
Keyboard Support is missing in the input fields buttons like:
1. Clear Button
2. Dropdown "arrow" Button
3. Date and Time Button
Current Behavior:
Focus is going to input field and you can write inside the combobox or textbox or multiselect but you can't interact with other icon buttons like dropdown , date & time, clear "x" button using tab key.
Expected Behavior: As per accessibility , every interactive elements needs to be keyboard focusable using tab key irrespective of shortcut.
I've created a feature request long ago and suggested solution for this: please check in the feature, it's declined by the team:
Date time picker Keyboard Support is missing for date and time button because of (tabindex=-1)
Hi team, please find the accessibility issue:
Component: https://demos.telerik.com/kendo-ui/datetimepicker/keyboard-navigation
Issue Name:
Missing keyboard support for image buttons
Actual Result
Keyboard support is missing for "Open the time view" and "Open the date view" image buttons. This made it difficult for keyboard-only and screen reader users to access the functionality associated with the image buttons.
Steps to Reproduce
1. Navigate to the mentioned image buttons in the modal dialog.
2. Observe that the image buttons do not receive the keyboard focus.
Expected Results
The image buttons must be keyboard accessible.
Recommendation
Ensure that all the page functionality is available for all users irrespective of the device being used.
Apply the following changes:
• Remove the tabindex="-1" attribute from the source code of the image buttons.
• Initially set the aria-expanded attribute to "false" for the image button. Ensure that the value of the aria-expanded attribute changes on user interaction via scripting.
Existing:
<button unselectable="on" tabindex="-1" class="k-select k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button" aria-label="Open the time view" type="button">
<span class="k-icon k-i-clock k-button-icon"></span>
</button>
Recommended
<button unselectable="on" class="k-select k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button" aria-label="Open the time view" type="button" aria-expanded="false">
<span class="k-icon k-i-clock k-button-icon"></span>
</button>
Also, the shortcut is there to open a date and time picker but relying on the shortcuts only to open it would not be feasible,
I would like the composite control "Change Theme:" that is used in the Kendo and ASP.NET Core Control demos to be delivered as part of the tool suites.
It is a control that I would like to leverage in several of my deliverables for my customers. And, although I can duplicate the basic feature, it does not look near as nice as the one found on the demo pages.
See attachment for screen shots of what I am talking about.
It is already built. Can it be packaged for delivery with the toolset(s)?
Thank you for the consideration!!!
My marketing department has requested a specific look for a chart. The Moc up image is http://i.imgur.com/Z2hKaei.jpg in order to achive what they are asking I need the Labels to work in the Bullet Charts. It would also be great if you could add a label to the Target as pictured in the image.
Hi,
If Kendo grid column has enumerated values, menu filter extra condition values is not populated.
Please, see example code in dojo at https://dojo.telerik.com/oXIwobEh
Thank you.
Hello,
I am experiencing a bug on my kendo grid filtering when doing a filter on the column with foreign keys.
In the filtering popup, the 2nd dropdown to select value is always empty and there is no data associated with the dropdown.
You can also see this bug on yoru demo site:
https://demos.telerik.com/kendo-ui/grid/foreignkeycolumn
Here i am trying to filter by category and the first dropdown has data in it, however the 2nd one doesn't.
Please advise,
Thanks,
Vlad
I would like to request an option to be added to the kendo taskboard that would enable multiple selection of consecutive cards. Then if one of the selected cards is dragged, the entire selection is also dragged and moved, maintaining their current order.
By enabling the drilldown feature on charts, clicking the charts should take the user to the next level.
Bug report
In mobile apps when a Button is clicked it is not getting focused. This leads to the focus not being removed from the previously focused element.
Reproduction of the problem
- Open the Dojo
- Type something in the input and click the Button.
Current behavior
The returned value of the TextBox is null as the Button is not focused and the TextBox is not focused out.
Expected/desired behavior
The Button should be focused when it is clicked, thus the TextBox to be focused out.
Environment
- Kendo UI version: 2022.2.510
- Browser: [all ]
Bug report
Error when trying to run npm run dev
X [ERROR] Unterminated string literal
node_modules/@progress/kendo-ui/umd/kendo.all.min.js.map:1:5961245:
Reproduction of the problem
download project from ticket : 1597960 01 Mar 2023
npm ci
npm run dev
Current behavior
an error is observer
Expected/desired behavior
the site runs without errors
Workaround
use the following import
import '@progress/kendo-ui/esm/kendo.all.js'
Environment
- Kendo UI version: 202x.r.ddd
- jQuery version: x.y
- Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]