The manner in which the Kendo Grid handles multiple column sorting is unusual and therefore not what a user would expect.

I believe that people expect that the column they click on to always be the primary sort column.  In the Kendo grid, (when in multi-column mode) this is not the case.

If I click on the "Unit Price" column header, and then on "Product Name", nothing happens.  Instead, clicking on "Unit Price" a second time sorts the table by "Product Name".  This is not natural. 

Instead, this should simply behave like a non-destructive sort.  If I click on "Unit Price" and it sorts by that.  Then, clicking on "Product Name" should sort everything by Product Name and, if the names are the same, the items would be sub-sorted by the previously selected column: "Unit Price"

I would further ask that the only column that shows the arrow be the primary sort column.  Users want to see what the primary sort column is, and not be confused by the other columns, which they will assume are sorted in a reasonable way.  The indices help, but I still think that a single arrow denoting the primary sort column would be preferred.

https://www.telerik.com/kendo-angular-ui/components/grid/sorting/

To be backwards compatible, maybe introduce a 'natural' sort mode which would behave in this manner, since I really believe that this is what a user expect.

As a workaround, we put the grid in 'single' mode, and then when the sort changes, we do the following.  I limit the number of SortDescriptors to 3 as a compromise between sorting the columns in a reasonable way and yet prevent there from being too many arrows

public autoSortChange(sorts: SortDescriptor[]) {
   let singleSortKey = sorts[0];
   let newSort: SortDescriptor[] = [];
   newSort[0] = singleSortKey;
   this.internalSortDescriptors = this.internalSortDescriptors.filter(des => des.field !== singleSortKey.field)

   newSort = sorts.concat(this.internalSortDescriptors)

   this.internalSortDescriptors = Array.from(newSort);
   if (this.internalSortDescriptors.length > 2) {
    this.internalSortDescriptors.length = 2;
   }
   this.gridState.sort = newSort;
   this.gridData = ...
}

Cannot copy-paste date between 2 datepickers. Found issues:

• Cannot select whole date by mouse. Now it's reset to select only one date part by mouse. Current workaround: clicking Ctrl+A with keyboard.
• Similar: I think selecting whole date should be a default behavior when I click datepicker by mouse, because after keyboard navigation by TAB  the whole date is selected by default. No selection after clicking is also applicable (as it's done for standard input type="text").
  
• Similar: cannot select whole date by mouse with double click (expected behavior for inputs).
• Related issue: navigating by TAB across datepickers is too long. Because date parts are also "navigated". E.g. to navigate by TAB between 2 datepcikers I need to press TAB 4 times! If I have more datepickers, navigation is too annoying.
• Minor: cannot drag&drop dates between datepickers.

Can be reproduced in any Kendo example (and browser) on the documentation site.

Forms are what we use every day and if there's a form, we often have to validate the input and show the validation results to the user.

Problems:

• The way to do this today with angular requires a lot of code (see https://angular.io/guide/form-validation for examples)
• In many cases we have to handle and show the same validation errors over and over again. E.g. "this field is required"

Opportunity:

• The way validation errors are shown is similar in most applications and can be easily adjusted using simple CSS.
• Common validation error messages should be ok for many applications.

Feature request:

• Add a component to easily display validation errors of form components.
• Add global validation settings to customize standard error messages and behavior.

Example:

// global setup
validationService.configure({
  showIf: 'touchedOrDirty',
  messages: {
   required: "This field is required',
   customKey: 'This field needs ... ',
   customKey2: errorMessageForCustomKey2Fn
});

// callback to generated error message for customKey2
function errorMessageForCustomKey2Fn(control: FormControl)  => return `can include 'but is ... ' from form control`;

// HTML in component template
<input formControlName="myinput" ... />
<validation-errors forControlName="myinput"> // < should handle all globally registered errors without additional code.
  <error key="keyOfValidatorOnlyUsedHere">Sorry, but you have to</error>
</validation-errors>

I think such a feature could massively reduce the work to setup forms.

Hi,

We encountered a problem when using kendo-sortable component in IE11. If we use this component anywhere on the page, all input fields on the page become unclickable. It seems to happen in the last version of this control (maybe because of a global click event listener? )

Hope you can help with this issue.

You can check out the following Stackblitz example which is based on your basic usage example: https://angular-t7vi5k.stackblitz.io/

Thanks in advance and happy holidays,

Shai Aharoni

I want to filter the scheduler data but I had to add the OwnerId property to the node package interface in order to be able to do so... yet the sample data provided in the examples does include the ownerId, so im guessing all that needs to be done is to add it to the interface.

On grid with 50 rows and 100 columns, autoFitColumns method freezes browser and annoying "Page unresponsive" is shown to the user. Please make function responsive.

Based on high Chrome CPU usage I think method could be ran in background thread. Probably Web workers would be appropriate for this task. This may help.

The example does not work:

https://www.telerik.com/kendo-angular-ui/components/tooltip/how-to/show-grid-cells-content/

Is it possible to add a duration input control in format HH.  I´m not talking about a time picker, but a way to choose how much time will last doing something.

The value could be in minutes or hours (fractional minutes).

Here is a discussion on this topic on

https://stackoverflow.com/questions/17428387/hows-a-duration-picker-called-and-does-it-exist

When both virtual scrolling and grouping are enabled via the kendoGridGroupBinding directive, and the Grid is navigable, focus is trapped in the header row when down or up arrow is pressed:

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

1. Focus any content cell

2. Press up/down - focus goes to the header cell of the respective column and is trapped in the header row

Intruduce Mobile Touch Events for Angular2 as in https://docs.telerik.com/kendo-ui/api/javascript/mobile/ui/touch

I requested help in the Forum for an example of using JSDO in a Service under Angular for my grid.component.ts

https://www.telerik.com/forums/angular-7-kendo-grid-using-jsdo-service-component

Svetlin stated thet "Indeed, currently we do not have an example dedicated on the use of CRUD operations with JSDO. If you have the time, please submit a new feature request in our UserVoice portal, which will help us to evaluate the demand for such example and implement it in the future. "

Please look into building some sample source for an Angular / JSDO Service component.

Thanks