I am trying to upgrade my Kendo UI JQuery installation from 2022 to 2024 and it is not going smoothly. One issue I'm having is that now my grids with locked columns do not span the whole width of their container. In the old version, the k-grid-table would expand to fill the width of the k-grid-content but now it seems that the columns retain their width, rather than growing like they used to. So now there is a large white space between the last column and the vertical scrollbar. I did notice that if I remove the inline style in the developer tools that is applied to the k-grid-table in the unlocked section, it fixes it. It should continue to expand all columns evenly to fill the available width like it did in versions past or this should be an option that the user can set. To leave that space without any user choice is a bug.

Old Version:

New Version: 

Note, I reported this in a forum post. I know I can write code as a workaround but that is cumbersome, especially when I have many grids and multiple developers working on the project. 

Dear support team,

we are facing an issue when trying to use "setOptions" to update a Chart.
It works fine when using a normal bar chart but seems to be broken when using stacked bars:

https://dojo.telerik.com/AKEWaLIR

Are we doing something wrong or is this a bug?

In the latest version of Kendo UI, various input controls like the NumericTextBox or the ColorPicker now consist of an input field and a button control (used for increasing/decreasing the value or opening the dropdown).

The border-radius for those widgets can be controlled by setting the "rounded" option. At the same time, when using SASS themes, a button's default border-radius might be set using the $kendo-button-border-radius variable. The buttons inside e.g. a NumericTextBox do not override the theme's border-radius which leads to an outcome like this:

Widgets that use Buttons internally (and therefore offer no way of overriding the button's border-radius by setting its "rounded" option manually) should override the default styles.

Unfortunately, I could not reproduce the behavior in a DOJO, because I cannot transpile SASS themes there.

add delay parameter in miliseconds for the kendo.ui.progress so you don't see your container blinking if your ajax calls are fast.

There is an option to freeze the left most column of the Kendo Grid by setting the lockable property.
But this is limited to the Left Hand Side columns only and there are no ways suggested to freeze the Right Most columns.

Bug report

In the latest FireFox (126.0) flip and pageTurn effects does not work properly

Reproduction of the problem

1. Open FireFox and upgrate to 126 version if needed
2. Opne the Demos: https://demos.telerik.com/kendo-ui/fx/pageturn and https://demos.telerik.com/kendo-ui/fx/flip click to turn a page in the first demo and the 'Store' button in the second

Current behavior

The effect does not work and the text is reversed when the flip effect is used. screencast - https://somup.com/cZhuiL5mUu

Expected/desired behavior

The effects should be applied and tetx should not be reversed.

Environment

• Kendo UI version: 2024.2.514
• jQuery version: x.y
• Browser: [Firefox XX]

The children of a node (if the children are all leaf nodes) vertically stack when parent is expanded. Can you add a setting that forces horizontal sibling orientation for leaf nodes.

Current:

Desired:

Context: There is an item that illustrates the issue here: https://www.telerik.com/forums/kendo-datepicker-value-not-populated-after-refresh-firefox-only

In Firefox, when using the asp-for tag helper to bind a c# DateTime field to an input element, then calling kendoDatePicker() on that element, the control fails to populate on a soft-refresh (F5). Upon reloading using F5 in Firefox, the input's type is set to datetime-local, and the input 's control variation is changed to the default date picker.  Then, the Kendo UI DatePicker is initialized with a blank input which normally has a type of text. 

Example project and video of issue are attached.

This is the pertinent code (also happens in latest version of Kendo as well):

    public class IndexViewModel
    {
        public DateTime DateAsDateTime { get; set; }
    }

        public IActionResult Index()
        {
            return View(new IndexViewModel { DateAsDateTime = DateTime.Today });
        }

@model IndexViewModel

<input id="dtDate" asp-for="@Model.DateAsDateTime">

<script type="text/javascript">
    $(document).ready(function () {
        $("#dtDate").kendoDatePicker();
    });
</script>

Bug report

The DropDownTree allows us to configure its checkChildren and filter options. Both options are working correctly, when used separately.

When the two options are defined for the DropDownTree, the checkChildren options don't select the child elements of a given node that is checked.

Reproduction of the problem

1. Open this Dojo example
2. Expand the DropDownTree popup
3. Check the "Furniture" node checkbox

Current behavior

Only the "Furniture" checkbox is being checked

Expected/desired behavior

The "Furniture" and all of its child nodes should be selected when clicking on the "Furniture" checkbox.
Here is a Dojo example in which the checkChildren configuration is working as expected.

Environment

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

I have a chat widget configured like this:

let chat = $(target).kendoChat({
			messages: {
        placeholder: ResourceManager.GetInstance().getResource("SR_TYPE_A_MESSAGE")
      },
      user: user, 
      post: async (m: kendo.ui.ChatPostEvent) => await this.post(m),
    }).data("kendoChat");

If the post handler tries to await a call to a web  service (to do some translation/tag substitution) then the message is posted to the chat and the results of the web call are ignored.

The current chat widget renders the user-input as an INPUT control, which means it cannot support multi-line support.

Wish for the option of rendering a TEXTAREA control instead of an INPUT for the chat widget:

let chat = $(target).kendoChat({
  messages: {
        placeholder: ResourceManager.GetInstance().getResource("SR_TYPE_A_MESSAGE"),
        textarea: true
    },
      user: user, 
      post: async (m: kendo.ui.ChatPostEvent) => await this.post(m),
    }).data("kendoChat");

Hi,

When I double click a cell and enter into editing mode, scrolling up or down will make the editor div out-of-place. 

It should follow the target cell instead.

This can be easily reproduced here: https://demos.telerik.com/kendo-ui/spreadsheet/index

It seems Kendo UI for Angular/React also have the same issue.

Reproduction of the problem

1. Follow the steps described in the link here - https://github.com/telerik/kendo-ui-core?tab=readme-ov-file#building-kendo-ui-core
2. Create a custom script for validator npx gulp custom -c validator
3. Try to load the script and create the components

Current behavior

The validator is not working, error is shown

jQuery.Deferred exception: $(...).kendoNumericTextBox is not a function

Expected/desired behavior

The components should work as expected when custom script is created

Hello everyone, I'm Darshan Hiranandani, currently grappling with CORS (Cross-Origin Resource Sharing) issues in my web application and could use some assistance. Has anyone encountered similar challenges and successfully resolved them? If so, could you please share any tips, tricks, or troubleshooting steps you used to overcome CORS issues in your projects? Any advice would be greatly appreciated. Thank you for your help!"

Hello Team,

We are currently facing challenges with the Kendo grid, which is a widely used widget or component at o9Solutions. Although we have been using Kendo for a long time, the widget is failing to meet accessibility standards for some components, which are crucial in today's world.

Regarding the Kendo grid, there is an issue where SR is reading the table twice, once for the header and once for the cells. This can cause confusion for assistive technologies like SR.

Consider the cases of horizontal scroll or fixed column cases also.

Having a single <table> is the standard. We can't create multiple tables, which will violate the good coding practices + accessibility standards.

---

I saw some posts regarding this... where it was mentioned we can remove this Scrollable() . But what are the cons of this if we remove this?
--

We want this functionality like a horizontal or vertical scroll or fixed column cases.But it needs to recognize as a single table.

Currently, the kendo.culture() method accepts only a string argument which is used for mapping an included culture file.

However, it would be beneficial if additional arguments could be passed to the method as well which may override some of the culture file's existing options. For example:

kendo.culture("bg-BG", {
   numberFormat: {...},
   calendars: {...}
})

1. Are there any specific versions of Kendo UI jQuery that you would recommend for compatibility with strict CSP?
   
2. What potential risks or extensive modifications might be involved in upgrading from our current version to a CSP-compatible version?

Bug report

Select event not fired on clicking over already selected ComboBox/MultiColumnComboBox item. According to the event description, it should be "Fired when an item from the popup is selected by the user either with mouse/tap or with keyboard navigation". It is fired when pressing Down arrow again when the last item is selected, but not fired if the last item is clicked.
Regression since 2018.3.1017 - Dojo introduced with the fix for Unexpected ComboBox value selection, instead of text, when an item is selected with Enter

Reproduction of the problem

1. Go to https://demos.telerik.com/kendo-ui/multicolumncombobox/events
2. Expand the widget.
3. Click on Item 3.
4. Expand the widget again.
5. Click on Item 3.

Current behavior

Select event is NOT fired.
If we expand the widget and press Down arrow, select event is fired once again for Item 3.

Expected/desired behavior

Select event is fired as with version 2018.3.911 - Dojo.

Environment

• Kendo UI version: 2021.3.1109
• Browser: all

Repro steps:

• Open URL: Kendo UI Snippet | Kendo UI Dojo (telerik.com)
• Navigate to the Choose Library combo box and select 'Kendo UI 2022 R2' option.
• Navigate to the Run button and activate it.
• Open Narrator using 'Ctrl + Win + Enter' key.
• Press 'T' key to navigate table in quick navigation mode.
• Navigate the table header controls using up arrow.
• Observe that narrator announce role as link on Filter controls.

Actual Results:

Incorrect role is defined as "link" for the "filter" button, Screen reader announce like "Metric type filter column setting link".

Expected Results:

Correct role should be defined as "button" for the "filter" button. Screen reader should announce like "Metric type filter column setting button".