Hi Team,

Allow the ability to change the styling on the inner input of the component. This will allow developers easy access to change the placeholder styling based on condition or overall input element. Currently, a custom implementation like the following can be used:

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

or with a directive:

https://stackblitz.com/edit/angular-pzv7zc-v4te8u?file=app%2Fapp.component.ts

Thanks.

https://stackblitz.com/edit/angular-niog8n-eldomz?file=app%2Fapp.component.ts

When dateinput format is "d/M/y" and "allowCaretMode" is enabled, users are unable to enter valid dates. Tested with dateinput and datepicker components.

Steps to reproduce

1. Setup a kendo-dateinput component with "allowCaretMode" set to "true" and the "format" set to "d/M/y" (see stackblitz below).
2. Enter a valid single-digit day and valid single-digit month into the input
3. Try typing a year
4. Observe that only one character of the year can be entered and the input locks up, preventing the user from completing a valid date.

Stackblitz example

https://angular-x4rvxqyp-qfq5b7mj.stackblitz.io

Expected Behaviour:

The user should be able to enter a full year after typing a valid single-digit day and month.

Observed Behaviour:

After entering a single-digit day and month, the input locks up, preventing the user from typing more than one character for the year. This prevents users from entering valid dates, making the input unusable in this scenario.

I couldn’t find an existing bug report related to this issue. Could you confirm whether this has already been reported or provide guidance on a potential fix or workaround?

Thanks

While the grid is initially loading data, the "No records available." message is confusing and provides no useful information.

Expected behavior - when the grid is initially loading, don't display the message as the rows/data might very well appear

To reproduce basically just go to the grid demo page (refresh if needed) and pay attention to the grid loading: https://www.telerik.com/kendo-angular-ui/components/grid/data-binding/

Example in our project - intuitively you'd think that the grid has no records until you see the loader; in any case, the message looks out of place:

*** Feature Request created by Telerik by Progress staff ***

This feature request will allow developers to set inputmode to components like NumericTextBox, DatePicker, and etc. Making mobile users experience better as it will require the Virtual Numeric keyboard to be opened instead of the default that includes letters.

https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode

As at this current time the developers are required to select the element using querySelector and setAttribute as demonstrated in the following demo with DatePicker:

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

This functionality is requested in the following threads:

https://github.com/telerik/kendo-angular/issues/3076

Ticket reference - 1486073, 1493791, and 1541636.

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.

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

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

When using kendoTooltip directive on the upload component - tooltips are positioned in invalid position somewhere on the app.

cancel, delete, retry tooltips.

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

When increasing the browser zoom level while using a kendo-splitter with two kendo-splitter-pane elements, one of the panes exceeds the boundaries of the kendo-splitter. As a result, part of the content becomes hidden.

Steps to Reproduce:

1.  Use a  kendo-splitter with two kendo-splitter-pane elements.
2.  Resize one of the panes
3.  Increase the browser zoom level.

Template:

<kendo-splitter>
  <kendo-splitter-pane [collapsible]="true" size="30%">
    <div>
      <h3>Inner splitter / left pane</h3>
      <p>Resizable and collapsible.</p>
    </div>
  </kendo-splitter-pane>

  <kendo-splitter-pane>
    <div>
      <h3>Inner splitter / center pane</h3>
      <p>Resizable only.</p>
    </div>
  </kendo-splitter-pane>

  <kendo-splitter-pane [collapsible]="true" size="30%">
    <div>
      <h3>Inner splitter / right pane</h3>
      <p>Resizable and collapsible.</p>
    </div>
  </kendo-splitter-pane>
</kendo-splitter>

We could really do with a file explorer, I believe this is already available in your JQuery suite and is planned for .NET Core.

Syncfusion have already implemented an angular file manager which can use Azure Blob Storage as a backend (though other backends are also available).

In fact the syncfusion file explorer is based on your own component.  After some digging around looking for a similar solution I found their design document for the component which directly refers to the Telerik's own components.  You may want to consider contacting syncfusion on this because it appears to me that they may have breached your copyright. 

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 ;-)

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.

The page numbers and total items within a pager do not appear to respect the currently loaded i18n locale. For example, there's no comma in the thousands place for the en locale. What makes me believe this is a bug is that the page input which can appear DOES have i18n applied to it so the discrepancy is clearly visible between the two.

As there's no demo with such large page numbers I've created an example as well as a screenshot:
B187rdik (forked) - StackBlitz

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

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

By default the grid pagination only works taking count of the actual records instead of (alternatively) taking in consideration the groups count.

It would be nice to have the possibility to choose between those 2 when using groupBy and process functions.

This pagination feature is already implemented in the Kendo Ui for Asp.Net Core, but it is not available in functions such as process, groupBy or (toDataSourceRequest/toDataSourceRequestString/toOdataString)

Here you can find the related documentation page for the Asp.Net implementation.

Right now the only possible way to achieve this behavior in combo with a KendoAngularGrid is to use the (toDataSourceRequest/toDataSourceRequestString), then into the controller you'll have to mutate the DataSourceRequest Object like following:

[HttpGet]
public async Task<IActionResult> GetData([DataSourceRequest] DataSourceRequest request, CancellationToken cancellationToken) {
    var data = //...  ;

    request. Skip = (request.DataSourceRequest.Page - 1) * request.DataSourceRequest.PageSize;
    request.Take = request.DataSourceRequest.PageSize;
    request.IsExcelExportRequest = true; // without this the items property of the GroupResult type will be null
    request.GroupPaging = true;

    return Ok(await data.ToDataSourceResultAsync(request, cancellationToken);
}