We have a scenario where we have inputs inside the sortable component. As the user types into the input the focus is lost constantly this is due to the Sortable component being re-rendered unnecessarily by Angular change detection. You can see an example here

Angular is moving towards immutable data structures and it is often the recommended practice. Therefore I believe the sortable component should be able to handle the scenario provided. This should be achievable by internally using a trackBy function to help Angular recognise when data hasn't changed. This should be accompanied by allow the consumer to provide their own function for tracking.

A similar issue was raised 5 years ago but wasn't adopted. In my opinion given the massive advancements in Angular and the introduction of Signals this becomes a more pressing issue now and arguably moves from the realm of feature request to bug.

Hi Team,

I would like to request the toolbar data validation tool like this Kendo UI for jQuery demo to be included in the new Angular component. 

Thank you!

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

Hi,

It would be a good addition to the Gantt component if a progress completion indicator is rendered on the tasks as in Kendo UI for jQuery.

Provide the ability to change a task duration by dragging and dropping it at the required position. 

Similar to the Kendo jQuery Gantt:

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

and Gantt Chart from Syncfusion.

Please provide support for spanned columns with multi-column headers combining the already existing features:

https://www.telerik.com/kendo-angular-ui-develop/components/grid/columns/spanned/

https://www.telerik.com/kendo-angular-ui-develop/components/grid/columns/headers/

Hi Team,

Requesting a feature to grid rows merge like the below example,

Thanks!

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

The following HTML markup is not supported and misinterpred by the Editor:

<span style="color: red;">Test <span style="color: blue;">Inner Span </span> Test</span>

The result is:

<p>
   <span style="color: red;">Test</span>
   <span style="color: blue;">Inner Span</span>
   Test
</p>

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.

Provide a way to change the Gantt tasks dates by dragging the edges of each task. Similar to the  Kendo UI for jQuery Gantt:

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

Hi,

It will be a nice feature to have the ability to customize the drag hint of the built-in row reordering similar to the hintTemplate.

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.

We face some issue with the with keyboard inputs. The current behavior is that the kendo tries to help us the dates right. For example if you have entered the 28th of February and you start to type another new date which should be the 31.12.2019 for example, after typing the first "3" the is immediately jumping to the month after hitting the first number because there is no date in February which has two digits on a day and starts with a "3". So it tries to get the dates right but the user maybe wants to replace the whole date and just want to continue writing the date.

We need a functionality that the not validate the date the way he does it right now, overtake the validation, like turn it off or anything like that?

Could we have a turnkey solution which allows to disable a row selection which takes care of disabling only the relevant selection checkboxes and handle properly the "Select all" checkbox state (in header).

With CheckboxColumnComponent field which allows providing dataItem field name or predicate function.

<kendo-grid-checkbox-column showSelectAll="true" disableSelection="isDisabled">
</kendo-grid-checkbox-column>

<kendo-grid-checkbox-column showSelectAll="true" [disableSelection]="isDisabledPredicateFunction">
</kendo-grid-checkbox-column>

OR

If you don't want to add more selection concerns into CheckboxColumnComponent this field could be specified in your SelectableSettings as well:

public selectableSettngs: SelectableSettings = {
    enabled: true,
    checkboxOnly: false,
    mode: 'multiple',
    cell: false,
    drag: false,
    rowEnabled: mySelectableRowPredicateFunction
}

rowEnabled field could something like this:

export declare type RowEnabledSelectionFn = (context: RowArgs) => boolean | boolean;

export interface SelectableSettings {
    //...
    /**
     * Determines if row selection is allowed.
     *
     * @default true
     */
    rowEnabled?: RowEnabledSelectionFn;
}

Thank you