Test Environment:
OS: Windows_11Browser: Version 103.0.1264.71 (Official Build) (64-bit)
AT (include version number): Narrator
Repro Steps:
1. Open given URL in Edge Dev.
2. Enable Narrator using 'Ctrl+ Win + Enter' key.
3. Navigate to the filters present on table and activate it.
4. Navigate on the available fields of filter flyout and observe Narrator is announcing label information on fields or not.
Actual Results:
In filter flyout labels are not associated with their respective fields.
Expected Results:
All labels should be associated with their respective labels in filter flyout.
Narrator should also announce the same.
Hi Telerik,
I created a demo code for error of Kendo Grid for jQuery with Bootstrap 5 error when settings 'pageable', please check and fix this
Link online: https://dojo.telerik.com/@vndevil/ICAPeBeg
Source:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Kendo UI Snippet</title>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2022.2.802/styles/kendo.default-v2.min.css" />
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2022.2.802/js/kendo.all.min.js"></script>
<!-- BEGIN Bootstrap 5.0.2 -->
<!-- PHẢI để ở trên này, trước đống css tự viết ở dưới ^_^ -->
<!-- CHƯA DÙNG ĐƯỢC BOOTSTRAP 5 do nó bỏ hàm Tooltip, đang chờ phiên bản udpate mới -->
<link href="//cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="preload stylesheet" as="style"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous" />
<script src="//cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
crossorigin="anonymous"></script>
<!-- END Bootstrap 5.0.2 -->
</head>
<body>
<div class="mb-3">
<h1>Grid normal<h1>
<div id="grid"></div>
<div id="grid2"></div>
</div>
<div class="mb-3">
<h1>Grid error config 'pageable' error bootstrap tabs<h1>
<ul class="nav nav-tabs" id="myTab" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link active" id="home-tab" data-bs-toggle="tab" data-bs-target="#home"
type="button" role="tab" aria-controls="home" aria-selected="true">Grid 3 pageable config
error</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="profile-tab" data-bs-toggle="tab" data-bs-target="#profile"
type="button" role="tab" aria-controls="profile" aria-selected="false">Grid 4 pageable
config error</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="contact-tab" data-bs-toggle="tab" data-bs-target="#contact"
type="button" role="tab" aria-controls="contact" aria-selected="false">Grid 5 pageable
config error</button>
</li>
</ul>
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
<div id="grid3"></div>
</div>
<div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
<div id="grid4"></div>
</div>
<div class="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab">
<div id="grid5"></div>
</div>
</div>
</div>
<script>
var gridConfig = {
columns: [
{ field: "productName" },
{ field: "category" }
],
dataSource: [
{ productName: "Tea", category: "Beverages" },
{ productName: "Coffee", category: "Beverages" },
{ productName: "Ham", category: "Food" },
{ productName: "Bread", category: "Food" },
{ productName: "Tea", category: "Beverages" },
{ productName: "Coffee", category: "Beverages" },
{ productName: "Ham", category: "Food" },
{ productName: "Bread", category: "Food" },
{ productName: "Tea", category: "Beverages" },
{ productName: "Coffee", category: "Beverages" },
{ productName: "Ham", category: "Food" },
{ productName: "Bread", category: "Food" },
{ productName: "Tea", category: "Beverages" },
{ productName: "Coffee", category: "Beverages" },
{ productName: "Ham", category: "Food" },
{ productName: "Bread", category: "Food" },
{ productName: "Tea", category: "Beverages" },
{ productName: "Coffee", category: "Beverages" },
{ productName: "Ham", category: "Food" },
{ productName: "Bread", category: "Food" },
{ productName: "Tea", category: "Beverages" },
{ productName: "Coffee", category: "Beverages" },
{ productName: "Ham", category: "Food" },
{ productName: "Bread", category: "Food" }
],
pageable: {
pageSize: 5,
buttonCount: 3,
messages: {
display: '{0} - {1} of {2:#,##} items'
}
}
};
$("#grid").kendoGrid(gridConfig);
$("#grid2").kendoGrid(gridConfig);
$("#grid3").kendoGrid(gridConfig);
$("#grid4").kendoGrid(gridConfig);
$("#grid5").kendoGrid(gridConfig);
</script>
</body>
</html>
Hi Team,
I would like to request a way to revert the column size for the Kendo UI Grid using the API without refreshing the page.
Thank you!
Bug report
When using the Selection and Export Grid Demo in Safari, and pasting the cells in Excel, there appears to be some extra empty lines below the paste.
Reproduction of the problem
- Open the demo URL in Safari browser.
- Select few cells and choose Copy option from the context menu.
- Open an Excel file and paste the copied items (extra empty lines are pasted at the end).
Expected/desired behavior
The pasted lines should not include any additional empty lines beneath the specific content.
Environment
- Kendo UI version: 2022.2.802
- jQuery version: All Supported
- Browser: all
Bug report
Row filter Clear icon does not clear the autocomplete in Grid since 2022.1.119
Reproduction of the problem
Open the demo: https://demos.telerik.com/kendo-ui/grid/filter-row
It will toggle the mode and display the Filter clear button outside of the autocomplete edit box but will not clear the filter.
Expected/desired behavior
AutoComplete shall be cleared
The issue is introduced with 2022 R1 (2022.1.119)
Environment
Kendo UI version: 2022.1.119 or above
Browser: [all]
Hi,
Currently the Selection & Export functionality does not automatically scroll down/up the Grid when the user tries to select cells that fall out of the view. Would be great if we have an option to allow automatic scroll and provide ability to choose additional cells (as in excel). Additional details are in 1576704.
We are extensively using this selection feature and the above mentioned behavior would save lot of our time and add value to the functionality.
Appreciate your support on this.
Thanks,
Raj
Hi everyone,
i have a kendo Grid with columns virtualization enabled. It works perfectly but comes a weird behaviour when I add aggregate columns.
The problem consists in the constant relocation of aggregates cells values when scrolling horizontally the grid, i.e aggregate cell keeps changing column : the more you scroll, the more it jumps from a column to another.
I provided this jsFiddle sample to help you reproducing the problem.
Keep scrolling horizontally and keep an eye on "Field6" and "Field8" columns where aggregates have been configured and you will see that the corresponding aggregates values will constantly go on wrong columns.
This article describes how to disable the resizing functionality for specific columns in a grid while all other columns stay resizable. This works fine, as long as the grid is not sortable: After the user tries to resize a non-resizable column for the first time, the cursor is set to "col-resize" every time a column's header is hovered, even outside the resize area and without trying to resize it. This DOJO demonstrates the described behavior.
We have found out that the DOM of grid column headers looks differently when the grid is sortable. Also, the style that sets the cursor is set on a different element and therefore no longer removed by the workaround proposed in the mentioned article.
This DOJO contains an adapted version of the workaround that fixes the issue.
Bug report
In case the inline editing is enabled in the Grid and also there is a selectable column, checking/unchecking the selectable column will check/uncheck all the checkboxes on the row.
Reproduction of the problem
- Open the Dojo example.
- Click 'Edit'
- Check/uncheck the checkbox in the first column.
Current behavior
All the checkboxes on the row are checked/unchecked.
Expected/desired behavior
Only the checkbox in the selectable column should be checked without affecting the checkboxes in the other column.
The issue is a regression introduced with 2022 R1 (2022.1.119)
Environment
- Kendo UI version: 2022.2.802
- Browser: [all]
Bug report
When the data in a Grid is filtered and grouped and then we try to add a new record an error is thrown
Reproduction of the problem
- Open the Dojo example.
- Filter a column (ex. filter ProductName that contains 'a')
- Group by UnitPrice
- Click the external 'add' button.
Current behavior
The following error appears in the broswer console: Uncaught TypeError: Cannot read properties of undefined (reading 'length')
The error appears no matter if dataSource.add() method or gridData.splice(0, 0, newData); is used
Expected/desired behavior
There should be no error when an item is added to the Grids dataSource
The issue is a regression starting with 2022.2.621
Environment
- Kendo UI version: 2022.2.802
- Browser: [all ]
Incorrect role as link is defined for header controls of 'Branches' table.
Repro-Steps:
2. Enable Narrator using 'Ctrl+ Win + Enter' key.
3. Navigate to header controls present on the 'Branches' table using Tab key.
4. Verify that incorrect role as link is defined for header controls of 'Branches' table or not.
It is functioning as a button. On activating the header control filter is activating.
User Impact:
When exporting all the lines in the grid with saveAsExcel the excel is formatted in the event handler when the ExcelExport event is fired.
I would like to have the exact same effect when calling the exportSelectedToExcel method.
Hi Team,
I'd like to request an event to allow for the user to dynamically create a new filter based on the field and type instead of using just columns.filterable.ui.
Thank you!
Hello,
Just upgraded to 2022.2.802 Kendo UI for jQuery and noticed that when clicking on a row in a grid it correctly highlights it (e.g. dark blue), but doesn't maintain the selection when moving the mouse from the row. This appears to be a breaking change - at least for our code. Previously it would still be selected/highlighted when moving the mouse away from the row.
Cheers,
Nick
Original posted on the forum. Looks like someone else has this issue as well.
https://www.telerik.com/forums/grid-does-not-maintain-row-selection-visually-highlighted
Hi Team,
I would like to request a way to change the sort order with the built in API for the mixed sortable Kendo UI Grid.
Thank you!
Hi Team,
I would like to request the detail arrow column to be configurable for placement to the right of the Grid without applying RTL support.
Thank you!
I realize this has been covered by this workaround in the past, but the need to write extra code for moving the column back to the original position makes this seem a bit "hacky" and most importantly, the user experience of being allowed to drag the column in the first place just to see it jump back seems wrong.
The good news is that the kendoGrid already has a mechanism for preventing the columnReorder event from getting fired in the first place! The bad news is that it only happens for columns that have either of these 2 classes ["k-group-cell, "k-hierarchy-cell"]
My request is to have a configuration option that enforces that same behavior for specific columns as:
1. Add a "reorderable" flag to be set as part of the column configuration (set it to false for those we want to keep in place)
2. This flag will set a class on those columns the same way it works for columns with "k-group-cell" or "k-hierarchy-cell" classes, so the event can be prevented.
There is one important caveat to consider with this approach: Only columns at the front and the back of the grid can be locked in place, so there needs to be validation to prevent having non-reorderable columns among reorderable ones.
Hi Team,
I would like to request an attribute property similar to this one which will allow for easier modifications for the group header columns.
Thank you!
we discovered that if you have navagatable set to true and you perform a deletion using the inline delete button, the grid scrolls back to the top. setting navagatable to false prevents the scrolling from occuring.
this was using KendoGrid with JQuery.
Bug report
When calling the exportSelectedToExcel method and passing true to it, so that the headers are also exported, a js exception related to the aggregates (count, sum, etc.) is thrown.
Reproduction of the problem
Dojo example: https://dojo.telerik.com/UkIloRag/3
- Select a few cells and click the button above the Grid.
Current behavior
A js exception is thrown.
Expected/desired behavior
No js exception is thrown and the Grid is exported as expected.
Environment
- Kendo UI version: 2022.2.621
- jQuery version: x.y
- Browser: [all]