Example: https://runner.telerik.io/fullscreen/yypoqSea
This example is based on the example from the docs with `navigatable: true` and enough data that the user needs to scroll in order to see the bottom row.
On Chrome on macOS, the filter menu cannot be used when `navigatable: true` and "Tap to click" is enabled in the macOS Trackpad settings. When clicking on the filter icon, the menu disappears very quickly (see screen recording). As a workaround, setting `navigatable` to false seems to resolve the problem. The same issue does not seem to occur on Safari, however, there is still odd behavior with the scrolling.
For some reason, screen size, resolution, and window settings impact the ability to reproduce the issue. The most reliable way for me to reproduce the issue was with Chrome in full screen on a 16-inch MacBook (13-inch works too) with the bookmarks bar showing and no external displays connected. Hiding the bookmarks bar or not using full screen seems to make it more difficult to reproduce.
The documentation of the Kendo-UI Diagram widget specifies the following signature of the zoom method (as do the corresponding TS typings):
zoom(zoom: number, point: kendo.dataviz.diagram.Point): void;
However, the JS implementation looks like this:
zoom: function(zoom, options)
where options is an object that may contain a field called "point" of type kendo.dataviz.diagram.Point.
When using zoom as documented, it ignores the specified point. This DOJO demonstrates the behavior.
Bug report
Grid's loader gets lost in the scrollable area height is greater than the viewport height
Reproduction of the problem
Dojo: https://dojo.telerik.com/hqknEyYx/2
Run and click on Export to Excel button
Worakround: https://dojo.telerik.com/gSsYgQpZ
excelExport: function (e) {
let gridHeight = $("#grid").height();
if (gridHeight < 700) {
$("div.k-loader-container-inner").addClass("smallHeight");
} else {
$("div.k-loader-container-inner").addClass("biggerHeight");
}
}
...
<style>
div.loaderPosition {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
div.biggerHeight {
position: absolute;
top: 50vh;
left: 50%;
transform: translate(-50%, -50%);
}
</style>
Environment
Kendo UI version: [all[
jQuery version: 3.4.1
Browser: [all]
When there's a DropDownList in the Toolbar's oveflow, clicking to open the DropDownList closes the overflow popup.
Regression introduced with 2023.1.117
Note: As of 2023.1.117, the DropDownList is no longer overflowing, despite overflow: "always". As of 2023.1.425 the DropDownList is again displayed in the overflow, and can no longer be opened.
The overflow popup closes
The overflow popup should remain open so that you can interact with the DropDownList
Bug report
Donut Chart Overlay looks different after Q2 2024
Before Q2 2024
After Q2 2024
Reproduction of the problem
Dojo demo: https://dojo.telerik.com/GHWBFuzv
Environment
Kendo UI version: 2024.2.514 or newer
Browser: [all]
When the DropDownList component is configured with Adaptive Mode and Filtering, opening the dropdown on a mobile device and attempting to type in the search field causes the popup to close immediately.
With Adaptive Mode and Filtering enabled, the DropDownList popup closes immediately when tapping the search field on a mobile device.
The DropDownList popup should remain open when tapping the search field on a mobile device, allowing users to enter text and filter options.
1678876
In the DropDownList component with filtering, opening the dropdown on a mobile device and attempting to type in the search field causes the popup to close immediately.
Regression introduced with 2025.1.211
The DropDownList popup closes immediately when tapping the search field on a mobile device.
The DropDownList popup should remain open when tapping the search field on a mobile device, allowing users to enter text and filter options.
When there are multiple Forms on the same page, submiting one of the Forms triggers the other Forms validation.
The first Form is also validated and the field is marked as invalid.
Only the Form which button has been clicked have to be validated.
Kendo UI core lists several controls that are available in the library, but there is no mention that they are not actively maintained on main repository readme.
Several controls were obsoleted/unsupported in this commit - https://github.com/telerik/kendo-ui-core/commit/db16f60ee6ee43506173a9628723b3de1ed73266, but they are still listed in https://github.com/telerik/kendo-ui-core/blob/master/README.md or promotional graphics.
Please clarify its current/future status.
Best regards
K
In a Spreadsheet that has a scrollable Sheetbar, clicking the arrow icons to scroll the sheets refreshes the page.
Regression introduced with 2024.4.1112
Workaround - https://dojo.telerik.com/IVcuYtjD/5
The page refreshes
The page shouldn't refresh
In a scenario where a Validator is created with validateOnBlur:false, and is used to validate a NumericTextBox, if the component is focused and blurred after validation, the k-invalid class is removed.
The k-invalid class, and the styles associated with it, are removed
there is no binding for noData
e.g.
noData?: boolean | undefined;
interface ChartOptions {
name?: string | undefined;
autoBind?: boolean | undefined;
axisDefaults?: ChartAxisDefaults | undefined;
categoryAxis?: ChartCategoryAxisItem | ChartCategoryAxisItem[] | undefined;
chartArea?: ChartChartArea | undefined;
dataSource?: any|any|kendo.data.DataSource | undefined;
legend?: ChartLegend | undefined;
panes?: ChartPane[] | undefined;
pannable?: boolean | ChartPannable | undefined;
pdf?: ChartPdf | undefined;
persistSeriesVisibility?: boolean | undefined;
plotArea?: ChartPlotArea | undefined;
renderAs?: string | undefined;
series?: ChartSeriesItem[] | undefined;
seriesColors?: any;
seriesDefaults?: ChartSeriesDefaults | undefined;
theme?: string | undefined;
subtitle?: string | ChartSubtitle | undefined;
title?: string | ChartTitle | undefined;
tooltip?: ChartTooltip | undefined;
transitions?: boolean | undefined;
valueAxis?: ChartValueAxisItem | ChartValueAxisItem[] | undefined;
xAxis?: ChartXAxisItem | ChartXAxisItem[] | undefined;
yAxis?: ChartYAxisItem | ChartYAxisItem[] | undefined;
zoomable?: boolean | ChartZoomable | undefined;
axisLabelClick?(e: ChartAxisLabelClickEvent): void;
dataBound?(e: ChartDataBoundEvent): void;
drag?(e: ChartDragEvent): void;
dragEnd?(e: ChartDragEndEvent): void;
dragStart?(e: ChartDragStartEvent): void;
legendItemClick?(e: ChartLegendItemClickEvent): void;
legendItemHover?(e: ChartLegendItemHoverEvent): void;
legendItemLeave?(e: ChartLegendItemLeaveEvent): void;
noteClick?(e: ChartNoteClickEvent): void;
noteHover?(e: ChartNoteHoverEvent): void;
noteLeave?(e: ChartNoteLeaveEvent): void;
paneRender?(e: ChartPaneRenderEvent): void;
plotAreaClick?(e: ChartPlotAreaClickEvent): void;
plotAreaHover?(e: ChartPlotAreaHoverEvent): void;
plotAreaLeave?(e: ChartPlotAreaLeaveEvent): void;
render?(e: ChartRenderEvent): void;
select?(e: ChartSelectEvent): void;
selectEnd?(e: ChartSelectEndEvent): void;
selectStart?(e: ChartSelectStartEvent): void;
seriesClick?(e: ChartSeriesClickEvent): void;
seriesHover?(e: ChartSeriesHoverEvent): void;
seriesOver?(e: ChartSeriesOverEvent): void;
seriesLeave?(e: ChartSeriesLeaveEvent): void;
zoom?(e: ChartZoomEvent): void;
zoomEnd?(e: ChartZoomEndEvent): void;
zoomStart?(e: ChartZoomStartEvent): void;
}
Bug report
Scrollable menu opening wrong menu on mobile
Reproduction of the problem
This is reproducible in Chrome developer tools - using iPhone 14 Pro Max
Dojo: https://runner.telerik.io/fullscreen/jtDsGBpV
1. Scroll a little to the right to have Ladies partially hidden
2. Click on Ladies
3. Notice that the ladies is focused and scrolled to be fully visible but the opened submenu is Mens
Environment
jQuery: 3.4.1
Kendo UI version: 2025.1.227
Browser: [all]
When there is a filter applied in Excel file and the file is imported in the Spreadsheet only the first row is visible. The issue occur when the filtered column is a numeric column.
Only the filter row is visible. The filter result data rows are hidden:
All rows with filtered results should be visible. Example:
In the TimeDurationPicker, if the columns format is configured as ##, when the user types a value - the result will be incorrect.
Incorrect value in the input
The value of the input should be 11:11:11
Currently, if you focus the command buttons, pressing tab will navigate to the buttons on the next row.
The focus will move to the buttons on the next row.
When the focus is on the Delete button, pressing Tab should return the focus to the current cell so that you can navigate to the remaining cells on the same row.
Pie and Donut Chart can not be exported to PDF, Png or Jpg
The pie and donut charts are missing.
The Charts should be exported to the selected file format
Steps to reproduce the problem:
Have a grid with:
When running the code that create the grid, the initial state looks like this:
Current behavior:
The header columns are filling the width of the grid (each bigger than the specified 100), but the rows columns cells have the specified width of 100, causing a misalignment.
However, changing the width of a column with the resize handle fixes all the widths (header + rows).
Same thing for adding/removing a column from the menu.
See the attached video for an example.
If in the initial state there are more shown columns so they can fill the grid width (and have the horizontal scrollbar), the issue is not present.
Expected behavior:
Rows columns should always match the width of the header.
Dojo example:
Here's an example, based on the one from https://demos.telerik.com/kendo-ui/grid/column-virtualization
https://dojo.telerik.com/@pgarand/UfEkIGiD
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.
Describe the bug
When the user selects a word and changes its style (for example bold, italic, etc.) the content of the inline Editor is wrapped on multiple lines.
To reproduce
Steps to reproduce the behavior:
Expected behavior
The content should not wrap.
Workaround
<style>
.k-editor{
display: block
}
</style>
Dojo - https://dojo.telerik.com/iZZPZIGg
Regression since 2022.1.119
Affected package (please remove the unneeded items)
Affected suites (please remove the unneeded items)
Affected browsers (please remove the unneeded items)