At the moment the editor component only supports ordered list with numbers as bullet points:

1. Item #1

2. Item #2

It would be great if ordered lists would support different list-style-types of HTML like "lower-alpha", "upper-alpha", "lower-roman", "decimal-leading-zero", ...: https://www.w3schools.com/cssref/pr_list-style-type.php

a. Item #1

b. Item #2

--------------

i. Item #1

ii. Item #2

...

I'm experiencing an issue with the filtering and sorting functions in a Kendo Grid. This problem seems to occur with the latest version of Kendo UI for Angular in combination with Angular 18.

I have created a sample project on StackBlitz where the issue can be reproduced: StackBlitz Project.

In the example, you can see that the filtering and sorting capabilities are enabled. However, both filtering and sorting do not seem to work correctly.

Here is a relevant code snippet:

<kendo-grid [data]="gridData" [selectable]="selectableSettings" [navigable]="true" [height]="300" filterable="menu, row" [sortable]="true">
    <kendo-grid-column field="ProductName" title="Product Name"></kendo-grid-column>
    <kendo-grid-column field="UnitsInStock" title="Units In Stock"></kendo-grid-column>
    <kendo-grid-column field="UnitsOnOrder" title="Units On Order"></kendo-grid-column>
    <kendo-grid-column field="ReorderLevel" title="Reorder Level"></kendo-grid-column>
</kendo-grid>

What I have tried:

1. I checked that the correct versions of Kendo UI and Angular are installed.
2. I tried different settings for the filtering and sorting capabilities.
3. I reviewed the Kendo UI documentation to ensure I didn't miss anything.

Current behavior:

• Filtering: When I try to filter, the results are not updated correctly.
• Sorting: Sorting does not seem to produce the correct order.

Expected behavior:

• The grid should correctly filter and sort based on the column values.

Am I doing something wrong, or does this seem to be an issue with the Kendo UI framework? Any suggestions or solutions are welcome!

Thanks in advance for the help!

Hi, Kendo team.

We have a small but annoying bug.

In the table filter for numeric column:

• user type first part of floating value quickly - Filter button is still disable
• user type comma symbol
• then Filter button became enabled - comma symbol disappears
• if user type slowly (or very quick) - then is not such bug.

Is it any workaround for it?

Thank you.

Ekaterina.

Implement a MediaPlayer component like the jQuery one:

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

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

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

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

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

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

It will be a good addition to the date formatting options if the week of year format is supported.

https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Patterns_Week_Of_Year:~:text=L%20pattern%20characters.-,week,-w

Current supported formats:

https://github.com/telerik/kendo-intl/blob/master/docs/date-formatting/index.md

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

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 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:

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,

These are the numeric symbols returned for a locale and so far the decimal, group and percentSign are the only properties that can be overwritten:

numbers: {
        symbols: {
            decimal: ",",
            group: " ",
            list: ";",
            percentSign: "%",
            plusSign: "+",
            minusSign: "-",
            exponential: "E",
            superscriptingExponent: "×",
            perMille: "‰",
            infinity: "∞",
            nan: "NaN",
            timeSeparator: ":"
}

Please allow customizing the rest of the properties (minusSign, nan, timeSeparator, etc). There are certain projects, where those symbols need to be customized.

Hi,

It will be a good addition to your standalone examples if a Java backend implementation is also added to the list:

https://github.com/telerik/kendo-angular/tree/master/examples-standalone

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.

Hi Team, 

Currently, the Kendo UI for Angular library relies on SVG icons as default icons. This means that developers would have to use a service to change the default icons inside components. This approach, however, does change all icons inside the project and is not suitable for cases where only a particular icon in a single component should be changed. 

Therefore, I would like to request a designated property or a specific approach that would allow developers to change particular icons inside particular components.

Current behavior

Currently when calling toDataSourceRequest with a date filter, the following is observed:

1. Set a filter with the Date object of Wed Sep 19 2018 00:00:00 GMT+0530 (India Standard Time)
   
2. Call toDataSourceRequest or toDataSourceRequestString with the grid state
   
3. The resulting query string contains datetime'2018-09-19T00-00-00'
   
4. On the backend, MVC can bind the DataSourceRequest with DateTime of {2018/9/19 00:00:00} and an offset of ???
   

As you can see, the browser's UTC offset is discarded when constructing the query. This presents an issue when the backend server is running in a time zone that is different than the browser or is invariant. Internally toDataSourceRequest calls formatDateValue which calls toUTC. I propose adding an optional argument that allows us to skip this operation so that the offset can be kept as is, the reason being so that it can later be normalized to UTC without losing the information.

Expected behavior

Calling toDataSourceRequest with the option should produce the following:

1. Set a filter with the Date object of Wed Sep 19 2018 00:00:00 GMT+0530 (India Standard Time)
   
2. The resulting query string contains datetime'2018-09-18T18-30-00' (append Z if possible)
   
3. On the backend, MVC can bind the DataSourceRequest with DateTime of {2018/9/18 18:30:00} and an offset of 0