Declined
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>
                        <div class="title" *ngIf="renameId != dataItem?.ID" ngbTooltip="{{ dataItem?.Name }}"
                            container="body">
                            {{dataItem?.Name}}
                        </div>
                        <input type="text" maxlength="255" (keyup)="renameChanged($event)" (blur)="saveUpdatedName()"
                            id="folder-rename-box" class="input-box" *ngIf="renameId == dataItem?.ID"
                            [(ngModel)]="renameText">
                        <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>
                        <div class="count remove_icon_drop" *ngIf="!dataItem?.artifactCount && !dataItem?.FolderCount">
                            0
                        </div>
                        <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">
                                        </i>
                                    </div>
                                    <div [ngStyle]="{'color': artifact.color}" class="title">{{artifact.artifactName |
                                        pipe_grogu : '': '' :
                                        'change_component_name'}}</div>
                                    <div [ngStyle]="{'color': artifact.color}" class="count">{{artifact.count}}</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </ng-template>

            </kendo-treeview>
Completed
Last Updated: 03 Apr 2024 13:00 by ADMIN
Created by: Dimiter
Comments: 0
Category: Kendo UI for Angular
Type: Feature Request
1

Please provide built-in way to set attributes to the internal Input element. These can be HTML attributes like "autocomplete", "aria-describedby" and others, and also custom attributes if such are required.

Currently the only way to set attributes is programmatically, for example through a custom directive:

https://stackblitz.com/edit/angular-douddd?file=src%2Fapp%2Fapp.component.ts

Related feature request - https://feedback.telerik.com/kendo-angular-ui/1582022-set-area-describedby-and-area-labelledby-to-form-controls

Completed
Last Updated: 12 Nov 2024 12:39 by ADMIN

Dear Kendo-Supportteam,

We are experiencing an issue with the Editor component.

It turns out that setting the iframe input to false causes the paste event to be triggered twice.
Once as documented before the valueChange event and once seemingly as the native paste event after valueChange.

There are multiple issues resulting from this.

  1. Calling preventDefault on the initial event also does NOT prevent the native event from triggering directly after. Only the following events from the Editor itself are prevented.
  2. As the next event is the actual native event of type ClipboardEvent, the interface is different from what the type definitions suggest. Leading to errors, if the attached method tries to just call isDefaultPrevented on the event.

It is quite easy to reproduce this from your event demonstration examples by just setting the iframe input to false and maybe also trying to call isDefaultPrevented in the respective paste event handler.

Kind Regards,
Hannah

Completed
Last Updated: 23 May 2025 07:00 by ADMIN

When virtual is true for a multiselect and checkboxes are set to true, there is a bug which results in multiple items being selected.

To reproduce, one needs to scroll down a long list of items.  The amount to scroll seems random but might have something to do with the itemHeight setting.  When clicking directly inside the checkbox, two items are selected at once - the item selected, and one other seemingly random item.   This does not happen if the click selection event happens inside the item, but not the checkbox.

I have reproduced this inside this code sandbox: https://codesandbox.io/p/sandbox/mystifying-shirley-2qxn32

 

Unplanned
Last Updated: 22 May 2025 12:45 by ADMIN
Created by: Dimitris
Comments: 0
Category: Kendo UI for Angular
Type: Feature Request
1


It would be great if we could add footnotes in the Kendo editor, similar to how TinyMCE handles them, or a simpler version like the example found here: https://prosemirror.net/examples/footnote/

Declined
Last Updated: 31 Jul 2024 12:01 by ADMIN

Hi,

I've noticed a strange issue with the ContextMenu: in Firefox, the div text selection loses focus after the context menu is shown.

My actual goal is to perform some functionality on the selected text by clicking the appropriate item from the context menu. However, the selection is lost after the context menu is displayed, making it difficult for the user to identify the current selection. This issue occurs only in Firefox; it works fine in Chrome and Edge.

I have attached below sample code and sample screenshot.

Here is Chrome/Edge context menu behavior (as expected).

Here is FireFox context menu behavior (focus lost on selected text).

Sample Code:

https://stackblitz.com/edit/angular-udag3v-aoxarf?file=src%2Fapp%2Fapp.component.ts,src%2Fapp%2Fcontextmenu-items.ts

Please let me know if there is any solution for this.

Thanks,

 

Unplanned
Last Updated: 12 Aug 2024 08:21 by ADMIN
Created by: Dimiter
Comments: 0
Category: Kendo UI for Angular
Type: Feature Request
1
Please add custom/translatable messages for the ListView component similar to other Kendo UI for Angular components. Primarily needed for translating the Pager messages.
Unplanned
Last Updated: 13 Sep 2024 10:27 by Kendo UI
Created by: Kendo UI
Comments: 0
Category: Kendo UI for Angular
Type: Feature Request
1

Currently, the supported approach for setting values for the input properties of the Kendo UI for Angular components is by binding them to a DOM property. 

Please provide support for the ability to set values for the input properties programmatically.

Unplanned
Last Updated: 07 Oct 2024 06:36 by ADMIN
Created by: Miria
Comments: 0
Category: Kendo UI for Angular
Type: Feature Request
1
It would be great to have an option to add pie charts to the map, a feature similar to the attached picture
Unplanned
Last Updated: 05 Dec 2024 09:25 by ADMIN

Hi ,

I want the kendoGridFocussable to apply the FocusableDirective on an anchor tag. This should allow the user to reach the anchor element using only the arrow keys without pressing Enter. (Example : 
Please, check out the following StackBlitz demo: https://stackblitz.com/edit/angular-rqqzam)

Regards,
Uzma

Unplanned
Last Updated: 26 Dec 2024 09:12 by ADMIN
Created by: Sean
Comments: 1
Category: Kendo UI for Angular
Type: Feature Request
1

When rendering a "No records available" message or template, this should be centered, not stuck in the scrollable columns section.

Duplicated
Last Updated: 06 Jan 2025 12:15 by ADMIN

The FileManger Widget in Kendo for JQuery is a component which is extremely useful in lots of use cases. However, there is not such a component in Kendo for Angular - and adding JQuery to a new Angular app doesn't seem to be the way to go in 2025.

Therefore I'd like to suggest adding a FileManager component to Kendo for Angular- I would be willing to pay extra for that, btw ;-)

Unplanned
Last Updated: 29 Jan 2025 20:51 by ADMIN
Created by: Dimiter
Comments: 0
Category: Kendo UI for Angular
Type: Feature Request
1

When grouped data contains a large number of columns, processing the aggregates takes significant time resulting in freezing for a couple of seconds when grouping virtualized Grid by certain column fields, e.g.:

https://stackblitz.com/edit/angular-7zdydotc-h3caizxo?file=src%2Fapp%2Fapp.component.ts

 

Unplanned
Last Updated: 05 Feb 2025 09:52 by ADMIN
Created by: Mayura
Comments: 0
Category: Kendo UI for Angular
Type: Feature Request
1

In Kendo Angular Timeline Component, there are two orientations. One vertical and one horizontal. In the vertical orientation, there is a the feature onToggle to collapse and expand the timeline section. However in horizontal orientation I don't see such a feature. Is it possible to implement it for horizontal state as well? 

I don't want to see all the details in horizontal, only the title and the date is needed. Only when the user expand that I want them to see the details.

Unplanned
Last Updated: 24 Mar 2025 07:10 by ADMIN
Created by: Max
Comments: 1
Category: Kendo UI for Angular
Type: Feature Request
1
See here. This is already a feature with the tooltips in Kendo for jQuery, and it would be useful to have it in Angular as well. Currently the Angular tooltips do not naturally support keyboard focus.
Unplanned
Last Updated: 12 May 2025 11:50 by ADMIN
Created by: Kendo UI
Comments: 0
Category: Kendo UI for Angular
Type: Feature Request
1

The Grid provides column spanning by default, but the change is applied to all rows:

https://www.telerik.com/kendo-angular-ui/components/grid/columns/spanned

A good addition to the Grid would be to provide conditional columns spanning where some rows are normal while others - have spanned columns such as:

Declined
Last Updated: 02 Jun 2025 07:21 by ADMIN
Created by: Michael
Comments: 1
Category: Kendo UI for Angular
Type: Bug Report
1

Hi,

https://stackblitz.com/edit/angular-dadm5ywe?file=src%2Fapp%2Fapp.component.ts

Please select the top-most button, then press TAB until the focus is on the button in the last grid cell.
Then press tab again => the focus moves to the last cell itself.
Press tab again => the focus moves back to the last button. 
=> here we got into an endless loop, you cannot navigate to the button below the grid.

Interestingly, you can leave the grid if you navigate backwards with shift+tab.

best regards,

Michael

 

Completed
Last Updated: 28 Mar 2019 13:19 by ADMIN
Created by: Kendo UI
Comments: 1
Category: Kendo UI for Angular
Type: Bug Report
0

When both virtual scrolling and grouping are enabled via the kendoGridGroupBinding directive, and the Grid is navigable, focus is trapped in the header row when down or up arrow is pressed:

https://stackblitz.com/edit/angular-icxejq?file=app/app.component.ts

  1. Focus any content cell

  2. Press up/down - focus goes to the header cell of the respective column and is trapped in the header row

Completed
Last Updated: 28 Mar 2019 13:12 by ADMIN
Created by: Richard
Comments: 1
Category: Kendo UI for Angular
Type: Bug Report
0
Declined
Last Updated: 28 Mar 2019 13:28 by ADMIN
When the grid component is set to virtual scroll mode, the popup component cannot be correctly positioned to its anchor in the grid cell.