Add functionality to the Java Spring Boot sample application to support server-side data operations, such as sorting, filtering, and pagination. Currently, the demo uses the process method to do the operations on the client.

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

When typing into the Angular Datepicker on iOS devices, the page scrolls unexpectedly after entering the first character of any date part (day, month, year). The scroll occurs on each subsequent character input (2nd, 3rd, etc.), making it difficult to use the input field.

Steps to Reproduce:

1. Open a webpage with a Kendo UI Datepicker on an iPhone (iOS v16+, any model). Ensure the datepicker is positioned far enough down the page that scrolling is required to reach it. Example can be seen at https://angular-v7j3ag.stackblitz.io/
2. Focus on the Datepicker input field.
3. Enter a date manually using the on-screen keyboard.
4. After typing the first character into any date part, the page behaves normally, but it scrolls up to the top of the page on subsequent character inputs.

Expected Behaviour: The page should remain in place when typing, allowing smooth input without scrolling.

Observed Behaviour: The page scrolls up after entering the second character of any date part (day, month, or year) and continues to do so on each further input.

Reproduction: The issue was recreated using Kendo's own Datepicker example (with added spacing to demonstrate the scroll behaviour). https://stackblitz.com/edit/angular-v7j3ag

Affected Platforms:

• All iPhone models (tested 11 - 15) with iOS v16+ (reproducible on Safari and Chrome browsers).
• Does not occur on desktop or Android devices.

Additional Notes:

• A video demonstrating the behaviour is attached.
• This has been reproduced on both BrowserStack and physical iPhone devices.

I couldn’t find an existing bug report related to this issue, so I would appreciate it if you could confirm whether this has been reported or provide further guidance.

Hello,

In our gantt component we need to add a marker on a specific date. (Our "Today" is not the real current day but a specific date)

There is an example for jquery version : https://docs.telerik.com/kendo-ui/knowledge-base/gantt-custom-time-marker

I understand that currentTimeMarker is meant to be used on the current time.. But an input to override and force another date could be useful.

Or maybe be able to add others TimeMarkers with a date as Input should not be difficult to implement as all the code should be almost the same.

Regards

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.

Hi,

I'd like to request a feature for programmatically dismissing notifications in Angular. This is a common feature for notification / toast component, but it is missing in Kendo UI for Angular.

Right now, once a closable notification is shown, there's no way to dismiss it programmatically, which can lead to clutter (see attached screenshot).

Here are the proposed features:

1. Programmatic Notification Dismissal:

   • Dismiss by type
   • Dismiss by ID
   • Dismiss all

2. Global Notification Limit:

   • Set a global limit for how many notifications can be displayed at once.

These additions would greatly enhance the user experience by preventing notification clutter and providing better control for developers.

Thanks for considering this!

Best, Sergei.

Hi,

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

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,

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/

Hi Team,

At times organization need to include their logo in exported excel and easiest way to include logo would be to user MS Excel's IMAGE function. So, could you please consider this request, where in developers can include images in exported excel's using IMAGE function, in Kendo Angular UI.

Regards,

Akshay

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,

Many users of our apps have asked to add a "Clear" button to the Date Picker popup. For example, it could be placed next to the "Today" button. This would be something very useful and done without too much effort, as there is room in the popup and it doesn't involve any calculation.

Regards,

Augusto.

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.

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/

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