Last Updated: 23 Apr 2024 08:36 by ADMIN


Change target in tsconfig in this stackblitz to targer es2022 to recreate bug

Last Updated: 09 Apr 2024 07:45 by ADMIN
Created by: Peter
Comments: 1
Category: Kendo UI for Angular
Type: Bug Report

The inner circle of radio buttons are incorrectly scaled/positioned in Bootstrap themes. The radio buttons in bootstrap theme are by default dependent on "rem" unit. For applications, that specify different base for "rem" unit, than 16px, it is possible to naturally override dimensions of the radio button without any specific overrides.


In example application, the following points are important:

1. :root specifies font-size=24px. So 1rem=24px.

2. Radio buttons uses size="small". The width and height then defaults to 0.75rem=18px.


Important note, is that the wrong positioning of inner circle is most visible when scaling down the browser view. There is offset by 1px to the sides. The image in the attachments is screenshot from the application and demonstrates the offset in pixels from the sides. The first number above the radio button is the offset of the inner circle in pixels from the left, the second number after "/" is the offset of inner circle from the right.


This issue appears only if the dimensions are being increased/decreased in respect to the default "medium" size. If the radio button is scaled using "scale" CSS function, then the scaling is correctly preserved. Also I didn't notice any problem for the "medium" sized radio button in any browser view. The root font-size might not be important for bug to be reproducible, but inconsistencies are then more visible.

Last Updated: 20 Mar 2024 16:08 by ADMIN
Created by: Ammaiyappan
Comments: 5
Category: Slider
Type: Bug Report

when click kendo slider increment or decrement tile it's moving two small steps.

My case instead of moving two steps, one step need to move

Last Updated: 08 Mar 2024 07:19 by ADMIN
Created by: Aurélien
Comments: 3
Category: Kendo UI for Angular
Type: Bug Report

Using the Editor component with Form Support, if I choose the style Heading 1 and type some letter.

I clean the value using only backspace key on the keyboard and the value of the form control is <h1></h1>.


This is reproductible on the demo :

  • Choose Heading 1 style
  • Type AAA
  • The form value = <h1>AAA</h1>
  • Clean the value using backspace
  • The form value = <h1></h1>

Expected result

  • The form value should be empty
Last Updated: 16 Feb 2024 08:18 by ADMIN
Created by: eDAD
Comments: 1
Category: Charts
Type: Bug Report
Bug title: X-axis is getting overlapped while resizing the page upto 400% of zoom.
Severity: Sev2 (High)

Test Environment: OS: Windows 11 22H2
OS Build: 23620.1000

Pre-Requisite: Set browser zoom level to 400% and display resolution: 1280x1024 (or) In dev Tools set the resolution to 320*256.

Repro steps:
1.Open URL: in edge browser.
2.Navigate to 'Kendo UI for Angular ' tab item and invoke it.
3.Navigate to the Angular chart control and invoke it.
4.In left navigation pane click Scatter control under 'series types'.
5.Navigate to 'Scatter Plot Chart'.
6.Verify whether X-axis is getting overlapped while resizing the page upto 400% of zoom or not.

Actual Result:
X-axis is getting overlapped while resizing the page upto 400% of zoom.

Expected Result:
X-axis should not get overlapped when browser zoom level set to 400%.
Last Updated: 09 Feb 2024 10:52 by ADMIN
Created by: eDAD
Comments: 1
Category: Kendo UI for Angular
Type: Bug Report
Bug Title: NVDA/Narrator is not announcing Search results whether result is found or not.

Severity: Sev2 (High)

Test Environment: OS: Windows 11 22H2
OS Build: 23620.1000

Pre-Requisite: Turn on NVDA/Narrator.

Repro steps:
1.Now turn on NVDA/Narrator
2.Open this  url "app.component.ts - nodebox - CodeSandbox".
3.Tab till preview tab which is present at right down corner.
4.Tab till quick filter input box and press enter.
5.Observe that NVDA/Narrator is not announcing Search results whether result is found or not.

Actual Result:
Narrator/NVDA is not announcing Search results whether result is found or not.

Expected Result:
Narrator/NVDA should announce Search results whether result is found or not.
Last Updated: 06 Feb 2024 00:08 by Sergey
Created by: Arsham
Comments: 5
Category: Grid
Type: Feature Request
i`m always using kendo grid in my project
but i can`t import excel to kendo grid 
please make it possible to import excel file and select specific sheet to kendo grid
Last Updated: 31 Jan 2024 12:05 by ADMIN
Created by: Karthik
Comments: 1
Category: Editor
Type: Feature Request
Add table, dropdownlist, textbox, other input components in the Kendo UI Editor to create custom Editor.
Last Updated: 29 Jan 2024 12:15 by ADMIN

1. Start using the Kendo Tree View in Angular.

2. Load a large dataset for the Kendo Tree View, observe the time taken to render the Tree View.

3. The timing will increase if the dataset keeps on increasing.

4. Suggest some ways to reduce or optimize it.


This is how I am using the Kendo TreeView in Angular,

            <kendo-treeview #treeView [nodes]="folderData" textField="Name" kendoTreeViewExpandable
                kendoTreeViewSelectable kendoTreeViewHierarchyBinding childrenField="Child"
                [(expandedKeys)]="expandedKeys" (expand)="onExpand($event)" (selectionChange)="folderSelected($event)"
                (collapse)="onCollapse($event)" (nodeClick)="onNodeClick($event)" id="folderView">
                <ng-template kendoTreeViewNodeTemplate let-dataItem let-index="index">
                    <div ngbDropdown container="body" placement="right left" [id]="'folder-' + dataItem?.ID"
                        class="folder-heading-container" *ngIf="dataItem?.ID"
                        [ngClass]="{'selected-folder': dataItem?.ID == selectedFolder?.ID, 'no-data': !dataItem?.FolderCount}">
                        <div class="icon">
                            <i class="oci oci-folder1"></i>
                        <div class="title" *ngIf="renameId != dataItem?.ID" ngbTooltip="{{ dataItem?.Name }}"
                        <input type="text" maxlength="255" (keyup)="renameChanged($event)" (blur)="saveUpdatedName()"
                            id="folder-rename-box" class="input-box" *ngIf="renameId == dataItem?.ID"
                        <div (click)="getExactArtifactCount(dataItem, $event)" class="count remove_icon_drop"
                            ngbTooltip="Click to view folder details" container="body" ngbDropdownToggle
                            container="body" placement="right left"
                            *ngIf="dataItem?.artifactCount || dataItem?.FolderCount">
                            {{ dataItem?.FolderCount + dataItem?.artifactCount }}
                        <div class="count remove_icon_drop" *ngIf="!dataItem?.artifactCount && !dataItem?.FolderCount">
                        <div ngbDropdownMenu class="folder-view-artifact"
                            [ngClass]="{'test-case-link-parent': linkTestCase}">
                            <div class="exact-artifact-count scrollableY"
                                [ngClass]="{'test-case-link': linkTestCase, 'other-link': !linkTestCase}"
                                id="exact-artifact-count" *ngIf="exactArtifactCount?.length">
                                <div class="artifact" *ngFor="let artifact of exactArtifactCount">
                                    <div class="icon">
                                        <i [ngStyle]="{'color': artifact.color}"
                                            class=" oci {{artifact.icon}} font_16px align-middle">
                                    <div [ngStyle]="{'color': artifact.color}" class="title">{{artifact.artifactName |
                                        pipe_grogu : '': '' :
                                    <div [ngStyle]="{'color': artifact.color}" class="count">{{artifact.count}}</div>

Last Updated: 23 Jan 2024 10:14 by ADMIN
Created by: Imported User
Comments: 12
Category: Kendo UI for Angular
Type: Feature Request
I need access to Sketch support files containing the existing UI elements for Kendo for Angular so that I can create comps for my design. 

Ideally this would be a collection of sketch symbols that match the current Kendo UI design. 
Last Updated: 15 Jan 2024 14:21 by Josef


input to grid:

public additionalExcelExportInfos: { additionalWorksheetTitle: string, 
parameters: { key: string, parameterValue: any }[]


output in excel file:

Last Updated: 12 Jan 2024 15:26 by ADMIN

Currently kendo ListBox does not support double click event.

Implement kendo ListBox in Angular.

Double click on a row.

No event is emitted.

Last Updated: 12 Jan 2024 14:55 by ADMIN


When a detail row is used, the moment you expand one row and scroll, it automatically loads the last items from the dataset.

Ex expand row 1 - start scrolling, and it suddenly loads 5xx th row+;

When grouping is also enabled - expanding the detail row under one group, expands it under all groups.


The stackbliz is from the kendo demo page for virtualscroll (with the added detail row).

Last Updated: 12 Jan 2024 14:54 by ADMIN
Hi Team,
minimized the last column to smallest and it's difficult to expand this column. Could you please help how to expand this column . Thanks.
Last Updated: 19 Dec 2023 12:49 by Ekaterina
Created by: Ekaterina
Comments: 4
Category: DatePicker
Type: Feature Request

Hi team.

We would like to provide a possibility to use our specific masks for Date Picker component, like this:

  • d.m.y = Current date
  • 1.m.y = 1st day of current month
  • 31.m.y = Last day of current month
  • etc.

Can you recommend a good solution for this?


Last Updated: 03 Nov 2023 16:31 by ADMIN
Created by: Jaap
Comments: 4
Category: TimePicker
Type: Feature Request

In the TimePicker (and other Date Input controls) you can in the input field use the arrow keys or mousewheel to go endless through the options. E.g. for minutes you can go directly from 00 to 59 using the down arrow. Especially with large ranges like minutes this is handy.

But in the popup you can't do that. It would be nice that the user can scroll directly from 00 to 59, 58 and so on. See composed image below.
(This should not be done when there are less options than the size of the popup, else you whould get duplicate options visible. That would be confusing for the user.)

Would be a usefull feature, especially when using this control on touch devices.

Last Updated: 19 Sep 2023 11:52 by Grigory

If you have a kendo grid table with some data over multiple pages and you go e.g. to the last page and then reload the data, resulting with less pages - the table is empty and you have to manually click on the first page to see the data. Here is a working example:

Step 1. Go to the last page
Step 2. Click on the button "'Reset data" <- you see no data
Step 3. Click on the first page <- You see the data

Last Updated: 14 Sep 2023 08:36 by ADMIN

Use the basic usage example from

Click in the area next to the baseball chip.

The list with available objects pops up.

Click in the place where the cursor is, the popup won't close.

Click in the right half of the component, the popup closes.


It seems it's the input element which swallows the click event.

I would expect the popup to be closed, no mather where I click in the component

Last Updated: 01 Sep 2023 12:30 by ADMIN

Here is a simple example:


  [data]="notes$ | async"
  <ng-template kendoListViewHeaderTemplate>
    <span title>Reminders</span>
  <ng-template kendoListViewItemTemplate let-dataItem="dataItem">
    <app-message-note [note]="dataItem"></app-message-note>


  selector: 'app-message-list',
  templateUrl: `./message-list.component.html`,
  styles: [
      .k-d-flex-overflow-auto {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        overflow: auto;
export class MessageListComponent implements OnInit {
  notes$: Observable<NoteDto[]>;

  constructor(private replyService: ReplyNoteService) {}

  ngOnInit(): void {
    this.notes$ = this.replyService.getUserNotesList();

  loadMore() {

Without these styles scroll is not visible.

Current behavior: scroll to the bottom, nothing happens.

Expected behavior: scroll to the bottom "loading..." will be logged to the browser console.

Last Updated: 31 Aug 2023 15:49 by ADMIN
Created by: n/a
Comments: 2
Category: Grid
Type: Bug Report

Given: a kendo grid with resize enabled.

And: the input locked on kendo-grid-colum  is undefined (by ex. due the component class property not initialized)

When: the user double click on the column resize handler 

Actual: the column width is set to 0

Expected: the colum  autofit behaviour remain consistent and set the column width as usual.

1 2 3 4 5 6