Bug report

Selecting a tab from the TabStrip causes the page to scroll to the top. The body height must be at least 746px in order to reproduce the bug.

Reproduction of the problem

1. Open this Dojo example - https://dojo.telerik.com/@Dimitar-Goshev/ANOkAfor
2. Scroll down the page until the tab's content is visible.
3. Select another tab.

Current behavior

The page scrolls to the top.

Expected/desired behavior

Selecting a tab shouldn't cause scrolling.

Environment

• Kendo UI version: 2021.3.1207
• Browser: [all]

A quarter is not the same as 3 months in the same way that a week is not the same as 7 days. Feb-Mar-Apr is not a standard quarter. Kendo automatically lines weeks up on Sundays. Please consider doing something similar for quarters.

Bug report

For a TabStrip in a PanelBar, the content for all tabs is displayed initially. You need to select all the tabs so that the content would start displaying correctly for the corresponding tab.

Reproduction of the problem

1. Open this Dojo - https://dojo.telerik.com/@martin.tabakov@progress.com/IxUxAfOT/5

Current behavior

The content for all the tabs is displayed.

Expected/desired behavior

The content should be displayed separately for each tab.

Environment

• Kendo UI version: 2021.3.1207
• Browser: [all]

Provide build-in support for filtering and sorting for complex columns like dropdown or Autocompelete with dropdown in grid. Bound value consists of complex objects - one for value and one for text of the dropdown. Right now, sorting is based on value and not text. Please provide options to sort based on text. Filtering doesn't work for these columns. It would be nice to have filtering support for these columns.

Developers should be able to specify grid column sort config property which is different from column field property.For instance, when listing products, my view model may have CategoryName property mapped from EF entity navigation property Category.Name using AutoMapper, while my sorting will use "Category.Name" on the server side.Example config could be like: 
columns[{title:"Category",field:"CategoryName",sort:"Category.Name"}]

This will allow me to flatten my view model without loosing sorting functionality.

Bug report

Reproduction of the problem

Dojo example: https://dojo.telerik.com/aGidAkuP/2

1. Double click an event to edit it.
2. Enter and invalid hour (e.g., 25:00) or some text in the Start or the End DateTimePicker.
3. Click the "Save" button.

Current behavior

The validation message appears for a fraction of a second and then disappears. No indication of which field is invalid remains. If a SASS theme is used, there is some indication - a red border around the invalid field appears.

Expected/desired behavior

The validation message remains until a valid date is entered in the DateTimePicker.

Environment

• Kendo UI version: 2021.1.224
• jQuery version: x.y
• Browser: [all]

Bug report

The menu that determines where to add new task incorrectly appears after creating a new task and editing an existing one.

Reproduction of the problem

1. Open this Dojo example - https://dojo.telerik.com/uBAHUgOy
2. Add new task.
3. Randomly edit another task so that no item is selected in the Gantt TreeList.
4. Press the Add Task button again.

Current behavior

The Add Child/Above/Below menu appears unexpectedly.

Expected/desired behavior

The menu should not appear and a new task should be added at the bottom of the list.

Environment

• Kendo UI version: 2021.2.616
• Browser: [all]

When the Grid is rendered inside of a ListBox, the edit of a cell is immediately cancelled due to the focus being stolen from the ListBox.

https://dojo.telerik.com/iYuDAwIp/3

When the autofitcolumn method is used together with multi-headers and hidden columns, some of the columns are either not visible at all or shrunken.

The problem can be observed in the following Dojo:

https://dojo.telerik.com/EJezUyeg 

The CompanyName column should be visible, however it is not. If the example is ran in fullscreen, the column will be visible, however it will shrink if the Browser window gets smaller.

The Pager keyboard navigation now includes the keys ENTER and ESC that allow to "enter" a detailed pager navigation as explained in https://docs.telerik.com/kendo-ui/controls/data-management/pager/accessibility/keyboard-navigation.

However, the key events bubble up the DOM. In our case, this causes unwanted effects like closing popups etc. (we close popups on ESC).

Shouldn't the propagation be prevented for keyboard events that are handled by the pager itself?

I've created a small DOJO which demostrates this behavior: Note how the keydown event of the outer container is always fired, even if ESC was pressed to navigate inside the pager.

Bug report

The dataSource filter configuration only accepts string as value.

Reproduction of the problem

1. Open the Dojo example - https://dojo.telerik.com/@martin.tabakov@progress.com/uVAgAYem
2. Open the MultiSelect.

Current behavior

An error is thrown and the MultiSelect does not open.

Expected/desired behavior

There should be no error and the MultiSelect should open.

Environment

• Kendo UI version: 2021.2.511
• Browser: [all]

Bottom navigation is obviously at the bottom in portrait mode, but on small screens in landscape mode it is detrimental to scrolled content.

It makes sense to keep bottom navigation on the small side of the screen but this requires to lock the app in portrait mode.

While allowing a change of orientation, it would be nice to have the option to show the bottom navigation on the right side and rotate the items when changing orientation to landscape and then back to the bottom when changing orientation to portrait.

Hi Team,

I'd like to request adding the Buddhist Calendar to the Kendo UI Date/Time Pickers/Calendar.

Thank you!

We would like the ability to undo actions, redo actions, draw shapes, or draw lines using the Kendo drawing library. We would like an image editor similar to the one in this link:

https://demos.telerik.com/aspnet-ajax/imageeditor/examples/drawing/defaultcs.aspx

This demo works for Telerik UI for ASP.NET AJAX. We would like a similar demo for Kendo UI for jQuery.

Thank you!

Please provide support of changing min and max value of slider since this is a good way to avoid selecting invalid data. We have business rule that currently must set these values, but unfortunatly the slider does not get redrawn.

At the moment, the DataSource only uses one field for its ID property (if you enter several, then only one is used, apparently).  This doesn't reflect reality, in that in many cases (where one record is a child of another), the key field for a database table is a composite (from 2 or more fields).  
The existing situation causes problems in inline editing of the KendoUI grid, because default values need to be set for foreign key fields, but if these are set to a valid value, then spurious calls to the Inline_Create method occur because the DataSource treats the record as a new record when it is not.
In any case, allowing multiple fields would simply reflect reality.

Bug report
ValueAxis.labels.template function invokes twice when Chart is bound to data source

Reproduction of the problem

Check the following Dojo: https://dojo.telerik.com/oJUGixUy/4

Inspect the console

Expected/desired behavior
ValueAxis labels template function shall invoke just one time.

Corner case:

If ValueAxis.labels.font is specified template function is invoked correctly only once.

valueAxis: {
                labels: {
                  // With the font commented out, chart labels get resolved twice
                  font: '11px Arial, Helvetica, sans-serif',
                  template: shortLabels
                }
              },

Environment
**Kendo UI version: [all]
**jQuery version: [all]
**Browser: [all]

Hello, 

A couple feature requests...

Clear the built in search box value.

clearSearch - clears the search box

e.g.,

var grid = $("#grid").data("kendoGrid");
grid.clearSearch();

Customize validation text via schema model fields validation.

e.g.,

var grid = $("#grid").data("kendoGrid");
const dataSource = new (<any>self).kendo.data.DataSource({
                data: models,
                schema: {
                    model: {
                        id: "id",
                        fields: {
                            id: { editable: false, nullable: true },
                            modelName: { validation: { required: true, messages: {required: "Model name is a required field"} } },
                            ...

I want to see a sample that uses MySQL as the datasource.
Sample shoulse use views to get the data and stored procedures to update the datasource.
Stored procedures exists already in the DB no ORM procedures creation needed.

CSP is a great security feature. It should be fully supported by Kendo! The best would be some way to precompile Kendo Templates. Second option could be that you can use Kendo + CSP when not using own Kendo Templates at all.