Unplanned
Last Updated: 26 Apr 2024 05:38 by ADMIN
Created by: Kendo UI
Comments: 0
Category: Kendo UI for Angular
Type: Feature Request
0

Typing a decimal number in a grid filter menu input for number type removes dot sometimes.
Can be reproduced in this Grid: 

https://www.telerik.com/kendo-angular-ui/components/grid/filtering/filter-menu/

Pending Review
Last Updated: 24 Apr 2024 07:32 by Georges
Created by: Georges
Comments: 0
Category: Kendo UI for Angular
Type: Feature Request
0

Hello,

I would like to be able to disable parent node only in the MultiSelectTree component.

This functionality is already present in the TreeView: https://www.telerik.com/kendo-angular-ui/components/treeview/api/TreeViewComponent/#toc-inputs

It would also be beneficial in the long term to align the options between the MultiSelectTree and TreeView component (like Load More Button, select one or many,...)

Thanks in advance

 


Declined
Last Updated: 23 Apr 2024 08:36 by ADMIN

https://stackblitz.com/edit/angular-pxppfk-s4ix7b?file=tsconfig.json

 

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

Unplanned
Last Updated: 11 Apr 2024 13:39 by ADMIN

Hi Team,

I am looking for the ability to know from which resource (row) the [RemoveEvent](https://www.telerik.com/kendo-angular-ui/components/scheduler/api/RemoveEvent) is originated when a single event is shared by many resources.

Thanks

Alrick

Completed
Last Updated: 11 Apr 2024 13:03 by ADMIN
Created by: Hui Chuan
Comments: 2
Category: Kendo UI for Angular
Type: Bug Report
0

As demonstrated by the example of the current version and its screenshot, the title of the legend is black when using a dark theme:

Legend - Chart - Kendo UI for Angular (telerik.com)

telerik.com/kendo-angular-ui/components/charts/examples/chart/legend/title/?theme=default-main-dark&themeVersion=7.0.1

The rest of the text is white which leads me to believe that this is a bug. This issue is not present when using a light theme.

Completed
Last Updated: 11 Apr 2024 12:58 by ADMIN
Created by: Annamalai
Comments: 1
Category: Kendo UI for Angular
Type: Feature Request
6

Provide a built-in Rating component similar to the jQuery Rating component:

https://demos.telerik.com/kendo-ui/rating/index

In Development
Last Updated: 10 Apr 2024 14:42 by ADMIN

Severity: Sev2 

Environment (OS, Application, Versions): 

OS: Windows11 (build 22631.3296)
Chrome Version 122.0.6261.129 (Official Build) (64-bit) 
Chromium Edge Version 122.0.2365.80 (Official build) (64-bit)

AT (include version number):

NVDA Version 2023.3.4. (2023.3.4. 31265) 
Jaws (Version 2024.2312.53) 
Narrator (Version Win11) 

Repro Steps: 

1.Turn on NVDA screen reader. 
2.Hit the Dropdowns Library - Overview | Kendo UI for Angular (telerik.com) 
3.TAB till "AutoComplete" edit combo box and insert "C", suggestion list will expand. 
4.Press down arrow key to navigate through expanded list. 
5.Observe that NVDA is not announcing the available list items.  

Actual Results: 

NVDA is not announcing the available suggestion list items of "Auto complete" combo box when we navigate with arrow keys.

Expected Results: 

NVDA should announce the available suggestion list items of "Auto complete" combo box when we navigate with arrow keys. 

9991592_NVDA_KendoExternal.mp4

9991592_Jaws_KendoExternal.mp4

9991592_Narrator_KendoExternal.mp4

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

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.

 
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

In Development
Last Updated: 01 Apr 2024 10:49 by ADMIN
Created by: Team Booking
Comments: 1
Category: Kendo UI for Angular
Type: Feature Request
8

Hi,

We are in need of a lightweight timeline component. One that shows events grouped by date and/or time with the options to expend all the event if there are more then one on the same date.

A neat feature would be an action button on an event. This would greatly enhance the experience of the timeline.

We suggest something similar to this one:  Clarity Design System - Documentation - Timeline

Our use case:

We have price lists that are published on x date and time.
To track a collection of price lists and events per price list chronologically, we need a timeline with (optional) actions per published event.

 

Kind regards,

Maikel

Duplicated
Last Updated: 21 Mar 2024 13:00 by ADMIN
Created by: avto
Comments: 0
Category: Kendo UI for Angular
Type: Bug Report
0
 VM4197:1 ERROR DOMException: Failed to execute 'setAttribute' on 'Element': 'aria-disabled]' is not a valid attribute name. angular 17.3.0  kendo ui angular 

 

VM4197:1 ERROR DOMException: Failed to execute 'setAttribute' on 'Element': 'aria-disabled]' is not a valid attribute name.
    at NoneEncapsulationDomRenderer.setAttribute (http://localhost:4200/vendor.js:119479:10)
    at AnimationRenderer.setAttribute (http://localhost:4200/vendor.js:62816:19)
    at setElementAttribute (http://localhost:4200/vendor.js:85461:14)
    at elementAttributeInternal (http://localhost:4200/vendor.js:85452:3)
    at ɵɵattribute (http://localhost:4200/vendor.js:93158:5)
    at TabComponent_HostBindings (http://localhost:4200/vendor.js:249798:98)
    at processHostBindingOpCodes (http://localhost:4200/vendor.js:84508:9)
    at refreshView (http://localhost:4200/vendor.js:86192:5)
    at detectChangesInView$1 (http://localhost:4200/vendor.js:86366:5)
    at detectChangesInViewIfAttached (http://localhost:4200/vendor.js:86329:3)
    at detectChangesInEmbeddedViews (http://localhost:4200/vendor.js:86287:7)
    at refreshView (http://localhost:4200/vendor.js:86171:5)
    at detectChangesInView$1 (http://localhost:4200/vendor.js:86366:5)
    at detectChangesInViewIfAttached (http://localhost:4200/vendor.js:86329:3)
    at detectChangesInEmbeddedViews (http://localhost:4200/vendor.js:86287:7)
    at refreshView (http://localhost:4200/vendor.js:86171:5)
    at detectChangesInView$1 (http://localhost:4200/vendor.js:86366:5)
    at detectChangesInViewIfAttached (http://localhost:4200/vendor.js:86329:3)
    at detectChangesInEmbeddedViews (http://localhost:4200/vendor.js:86287:7)
    at refreshView (http://localhost:4200/vendor.js:86171:5)
Unplanned
Last Updated: 19 Mar 2024 15:56 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

 

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

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 : https://www.telerik.com/kendo-angular-ui/components/editor/forms/#toc-template-driven-forms

  • 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
Unplanned
Last Updated: 28 Feb 2024 10:01 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

Unplanned
Last Updated: 22 Feb 2024 12:13 by Iulian
Created by: Iulian
Comments: 0
Category: Kendo UI for Angular
Type: Feature Request
1
Unplanned
Last Updated: 15 Feb 2024 07:27 by ADMIN
Created by: Daniel Mettler
Comments: 1
Category: Kendo UI for Angular
Type: Feature Request
0

In some calendar apps like Apple it's nice to extend appointments with a travel time (or preparation time).

Please extend Kendo Scheduler with such an event preparation-time and also a follow-up time, which looks like this:

Declined
Last Updated: 09 Feb 2024 10:52 by ADMIN
Created by: eDAD
Comments: 1
Category: Kendo UI for Angular
Type: Bug Report
0
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.
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>
Unplanned
Last Updated: 29 Jan 2024 08:17 by ADMIN

The feature request affects built-in filter cell components for primitive types such as StringFilterCellComponent, NumericFilterCellComponent, etc.

 

The built-in filter cell components currently allow to hide operators, but doesn't allow to hide clear button, which is being shown when a user provides some input to these filters. The workarounds are in the current moment possible, but seems to be not very maintainable, as the most obvious workaround is to control with the CSS the internal stylings of the components, which can change with any patch. I would hope for some toggle, which can control hide/display of the clear button.

 

The use-case in which someone might want to achieve this, is when the filtering is being cleared only globally for the whole grid. and local clearing is not necessarily desired.

 

The behavior can be tested on an example or provided example in official docs.

Duplicated
Last Updated: 24 Jan 2024 09:24 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.

1 2 3 4 5 6