Issue 1: Flickering or Not Opening of Dropdown

• Steps to Reproduce:
  1. Click on the color picker.
  2. Click on any dropdown.
  3. Observe the behavior of the dropdown.

Issue 2: Clicking on Color Picker and Dropdowns (Dropdown not closing)

• Steps to Reproduce:
  1. Click on the color picker.
  2. Click on any dropdown.
  3. Repeat this with all dropdowns to get above screenshot.

./node_modules/@progress/kendo-angular-layout/fesm2022/progress-kendo-angular-layout.mjs:19:0-75 - Error: Module not found: Error: Can't resolve '@progress/kendo-angular-progressbar' in 'C:\LiveMRIProjects\MRI.AgoraInsightsAnywhere-Angular\node_modules\@progress\kendo-angular-layout\fesm2022'

./node_modules/@progress/kendo-angular-layout/fesm2022/progress-kendo-angular-layout.mjs:22:0-56 - Error: Module not found: Error: Can't resolve '@progress/kendo-angular-intl' in 'C:\LiveMRIProjects\MRI.AgoraInsightsAnywhere-Angular\node_modules\@progress\kendo-angular-layout\fesm2022'

this is the error is coming

when we add kendo thing into module.ts file

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

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:

Kendo's Angular components that have optional inputs are not built correctly.

For example on the `kendo-avatar`component the input `imageSrc` is defined like this:

 @Input() imageSrc: string;

however, since it is an optional input it should be defined like this:

 @Input() imageSrc?: string;
// or
 @Input() imageSrc: string | undefined;

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

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

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

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.

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>

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

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