Steps:
Expected: kendoConsole logs the dataItem info in the top message
Actual: dataItem() doesn't find the model even though it exists in the Grid dataSource
In the Grid source code in the refresh function, _data is set to dataSource.view() if partialUpdate is true. For a grouped dataSource, view() will return the parents. This breaks the dataItem function since it relies on the flat array for retrieval.
It looks like this issue was introduced in version 2024.1.319 as it doesn't seem to affect 2024.1.130.
When the selectable option is set to "multiple cell" and the user tries to select the content of a single column, the content of the entire row is selected.
France
cell and drag down to select only the content in the ShipCountry column.The content of the other columns is selected as well - https://somup.com/cZeXIvpRzk
The behavior is expected when the allowPaste option is enabled. However, once the allowPaste option is disabled only the content of the selected column should be selected.
kendo.ui.Selectable.fn._allowPreventDefault = () => true;
Dojo - https://dojo.telerik.com/@NeliK/eTocoBOL
In a Grid that has locked columns, if you tab through the content and then tab back using Shift-Tab, the first column is not completely visible when you reach it.
The column, including the header, is not completely visible.
The whole column should be visible.
When there is sorting applied in the Grid and the sorted column is hidden, the last visible column is incorrectly highlighted.
The last column is highlighted, although there is no sorting applied to it.
There should be no highlighted column when the column on which sorting is applied is hidden.
In a Grid with virtual row and column scrolling enabled, if there are large number of hidden columns, the horizontal scrolling is very slow.
Horizontal scrolling is slow
Horizontal scrolling should be smooth
When there is horizontal scrolling in RTL Grid, the scroll starts from the last column, instead of the first one.
The scroll starts from the last column.
The scroll should start from the first column.
Bug report
copySelectionToClipboard() throws an error when the Grid has hidden column/s
Also if false is passed to the method - grid.copySelectionToClipboard(false); - not all GUID columns are copied to the clipboard
Reproduction of the problem
Dojo: https://dojo.telerik.com/OpiBoDaH
Select a row/rows
Click on the Select and copy button
Expected/desired behavior
Error should not be present and copy to clipboard shall copy correct data
Environment
Kendo UI version: [all]
Browser: [all]
Bug report
Grid with ColumnMenu groups in combination with multi-column headers gives an error:
kendo.all.js:326079 Uncaught TypeError: Cannot read properties of undefined (reading 'length')
Reproduction of the problem
Dojo: https://dojo.telerik.com/EtEQeBIy
Expected/desired behavior
ColumnMenu groups shall work together with multi-column headers
Environment
Kendo UI version: [all]
Browser: [all]
The row reordering functionality does not work correctly when the draggable column has a small width.
https://dojo.telerik.com/@user192/ipOyacoH
Open the Dojo and try to reorder a row. The icon inside the hint will keep changing and in some cases you won't be able to drop the row to the expected position.
If you move the hint a bit to the right(towards the next column) this behavior disappears.
The reorder hint shimmers and in some cases does not allow for reordering. This occurs when the column width is small(30px in the example).
Reorder should work as expected, regardless of the column width.
When culture different than 'en-..' is set in Grid the validation.min for the Date field is not taken into account.
In case a culture different than 'en-..' is selected the min value for the DatePicker is not applied.
The min value should be set for the DatePicker no matter of the culture.
edit: function(){
$('[data-role="datepicker"]').data("kendoDatePicker").setOptions({ min: new Date()})
},
Bug report
Download Builder Tool does not add all dependencies for Grid
Reproduction of the problem
Download Builder Tool does not add Chip and ChipList as dependencies that are needed when grouping is enabled.
Expected/desired behavior
Al dependencies shall be added to the Grid
Environment
Kendo UI version: [all]
Browser: [all]
The icons for 'Move previous' and 'Move next' in the 'Set Column Position' ColumnMenu item in RTL Grid are not correct.
The previous and next icons do not correspond to the correct direction.
The positions of the previous and next icons should be switched.
Bug report
When tabbing through the row filter inputs of a virtual Grid only headers are scrolling
Reproduction of the problem
Run this Dojo - https://dojo.telerik.com/IjuJoRAx/5
Expected/desired behavior
Headers and columns shall scroll when tabbing through the row filter inputs
Environment
Kendo UI version: [all]
jQuery version:[all]
Browser: [all ]
The Kendo-UI Grid supports the concept of locked columns that are always on the left side of the screen (in a non-RTL-world) and do not scroll. This makes it necessary to split the underlying HTML-table into two parts (one is locked and one is not). Kendo-UI takes care of syncing the height of the rows between those two tables.
However, if there are empty cells in the locked part, this logic produces results that make the row grow larger (higher) than if there was content. This DOJO demonstrates the behaviour. Using the Browser's DEV-Tools, you can see that rows without content in column A are 37px high, while those with content are only 36px high.
Describe the bug
Text overlaps on selected non-altering rows upon scrolling in Grid with sticky columns with version 2023.1.314
To reproduce
Dojo: https://dojo.telerik.com/eXeMAZOM
Select a non-altering row
Scroll to the right
Affected package (please remove the unneeded items)
theme-default
theme-bootstrap
theme-material
theme-tasks
Affected suites (please remove the unneeded items)
Kendo UI for jQuery
Telerik UI for MVC
Telerik UI for Core
Affected browsers (please remove the unneeded items)
All
Build system information (please remove the unneeded items)
Not Applicable
Bug report
Navigatable Grid with hierarchy moves focus to the top parent row On click of horizontal scroll bar in child grid
Reproduction of the problem
Open the Dojo: https://dojo.telerik.com/OJAYoCak
- Expand the first parent row or second parent row to render the child records.
- Navigate the child rows downwards using vertical scroll and click the Horizontal scroll area of the inner grid (Red Rounded area).
- Control Focus immediately shifts to the top row and the user can’t use horizontal scroll to view the columns in the child grid.
Also, if the user initially clicks on any cell in the School Name column focus is moved.
Environment
Kendo UI version: [all]
Browser: [all]
Setting the columns.selectable to true
does not override the selectable.mode when set to "single".
Only the checkbox in the first row is checked.
All the checkboxes on the page are checked
The first unlocked column cannot be dropped into the next locked column.
ShipCountry should become a locked column and move to next to ShipName like how it worked in version 2021.3.914.
Hi,
We have a grid with virtual scroll enabled.
When double-clicking on the first 15 rows resize handles, it behaves correctly, i.e it automatically fits the columns size to max row width.
The problem occurs now when we begin scrolling horizontally the grid : starting to the 16th column (red backgrounded) resize handle double click action behaves weirdly. Sometimes it fires a scroll event without doing else, sometimes it resizes the column but in the wrong way by reducing width.
Check this JsFiddle to reproduce the problem. Problematic column are red backgrounded.
Description:
Users who rely on high contrast Aquatic/ Desert mode will be affected here as they will face difficulty in knowing which control is focused right now.
Environment (OS, Application):
Test Environment:
Microsoft Edge : Version 105.0.1343.25 (Official build) (64-bit)
OS version (OS Build 22000.856)
URL: https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/configuration/filterable.messages
Pre-Requisites (if any):
1. Go to system settings.
2. Navigate to 'Accessibility' and activate it.
3. Navigate to 'Contrast theme' and activate it.
4. Select 'Desert/Aquatic' High Contrast theme in the combo box.
Repro Steps:
1. Open given URL in Edge.
2. Kendo UI for jQuery "filterable.messages" page will be open.
3. Go to preview button and activate it.
4. Turn on High contrast theme.
5. Navigate to filters and activate it. Expand 'Show items with value that:' drop drown of filters.
5. Navigate over drop drown and Observe the issue.
Actual Results:
User is not able to recognize, which list item is focused or selected in 'Show items with value that:' drop drown of filters in high contrast Aquatic/ Desert mode.
Expected Results:
A proper rectangular colorful boundary should be defined which indicates the currently selected/focused list item under the Show items with value that:' accordingly in high contrast Aquatic/ Desert mode.
Additional notes:
The same issue can be observed throughout the page where a similar dropdown appears.