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

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

Setting an empty string value when using an MVVM ColorPicker throws an error

Reproduction of the problem

1. Open the following dojo.
2. Notice that the ColorPicker produces an error when the value from the Observable object is set to an empty string.

Current behavior

Setting an empty string through the Observable object throws an error within the console.

Expected/desired behavior

Setting an empty string through the Observable object should not throw an error within the console.

Environment

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

When a column is set to sticky in a grid and the user clicks edit and then cancel, that column become unsticky for that row only. This happened when I upgraded from 2022 to 2024 so the bug was created somewhere in there. To reproduce, see this dojo: 
https://dojo.telerik.com/@dojolee/evOPeBey

1. Shrink the right side of the screen until it is pretty small (about 700px)
2. Click Run and make sure there is a horizontal scroll. If not, shrink the right and click run again.
3. Scroll and notice that the first column sticks
4. Click edit on the first row
5. Click cancel
6. Scroll and notice that the first row no longer has a sticky column.

Bug report

When typing in the search input a value that does not match any item of the Filemanager's content view, while a subfolder is selected, the expand arrow disappears.

Reproduction of the problem

1. Open this Dojo: https://dojo.telerik.com/AmOGOdut
2. Select documents and create a subfolder
3. Select the newly created folder and create another subfolder
4. Type "a" or other value that does not match
5. See the arrow disappearing

Current behavior

The expand arrow disappears.

Expected/desired behavior

The arrow should not disappear and the search to work correctly.

Environment

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

Hello,

My use case:

On grid dataBound, I am iterating over the table rows to perform some piece of custom logic on the row based off of the backing dataItem. Our production site is using version 2024.1.130, and everything is working great. Our next release we've updated to version 2024.2.514, and when we try adding a record, we get an error; when we try to access the dataItem of the last table-row - the dataItem is undefined. The grid.items() in my case is an array of size 21, and the internal _data array is size 20.

Repro conditions (as far as I can tell):

• A Grid backed by a DataSource with server operations set to false
• The DataSource should (?) have a filter configured
• The size of the DataSource's data should (?) be larger than the pageSize

My workaround:

Simply perform a null check on the dataItem before doing the logic. We are calling DataSource.read in the DataSource.sync success callback anyway, so the grid will reload and the dataBound event will be handled afresh.

I've created the below dojo snippet to demonstrate a simplified version of my use case. I tested with 2024.1.130 and seems to work fine. I noticed the issue starting at version 2024.1.319.

https://dojo.telerik.com/INbSBrSg

A note: No, I don't actually use the internal _data property in my code, just for debugging purposes :)

Thanks!

-Alexa

Bug report

This is a continuation of the following issue.

Probably related to:
https://source.chromium.org/chromium/chromium/src/+/62d86ddddc8fad157321e42e2acdb18b6ebba951

Reproduction of the problem

1. Open the following Dojo in a browser running under the Chromium engine.
2. Notice that there is a an console error which showcases sporadically, indicating the following.

Current behavior

The animation container's aria-hidden attribute causes a console error in Chrome and Edge.

Expected/desired behavior

The animation container's aria-hidden attribute should not cause a console error in Chrome and Edge.

Environment

• Kendo UI version: 2024.4.1112
• Browser: [Chrome, Edge]

Example: https://runner.telerik.io/fullscreen/yypoqSea

This example is based on the example from the docs with `navigatable: true` and enough data that the user needs to scroll in order to see the bottom row.

On Chrome on macOS, the filter menu cannot be used when `navigatable: true` and "Tap to click" is enabled in the macOS Trackpad settings. When clicking on the filter icon, the menu disappears very quickly (see screen recording). As a workaround, setting `navigatable` to false seems to resolve the problem. The same issue does not seem to occur on Safari, however, there is still odd behavior with the scrolling.

For some reason, screen size, resolution, and window settings impact the ability to reproduce the issue. The most reliable way for me to reproduce the issue was with Chrome in full screen on a 16-inch MacBook (13-inch works too) with the bookmarks bar showing and no external displays connected. Hiding the bookmarks bar or not using full screen seems to make it more difficult to reproduce.

This is an error that took us an hour to figure out.

We are using the right-arrow icon as part of the content within a collapsible header to represent a state transition. (See image)

We found that the expand/collapse icon did not appear.

Further investigation reveals that if the header content contains a span with a class matching the regular expression k-i-arrow.* then the expand/collapse icon doesn't work. It could contain anything else, it was just that one class pattern that threw it.

See this example. https://dojo.telerik.com/EwAsaKAf/3

I also posted a forum message here: https://www.telerik.com/forums/expand-collapse-arrow-fails-to-appear-if-a-class-matching-a-certain-pattern-appears-anywhere-in-the-header   

This is clearly a bug, and one that I suspect can be fixed easily.

<div class="filterField">
    <label for="filterTags">Tags</label><br/>
    <div class="filterFieldBody">
        <input id="filterTags"/>
    </div>
</div>
 
$( document ).ready( function ()
{
$( "#filterTags" ).kendoMultiSelect( {
    placeholder: "Select Tag(s)",
    autoClose: false,
    dataTextField: "text",
    dataValueField: "value",
    autoBind: false,
    dataSource: [
        { text: 'Summery Love Campaign', value: '1' },
        { text: 'Melbourne Cup', value: '2' },
        { text: '2018 Formals', value: '3' },
        { text: '2018 Schoolies Dance Club', value: '4' },
        { text: '2018 Schoolies Beach Fun', value: '5' },
        { text: 'Bridesmaids', value: '6' },
        { text: 'Wedding', value: '7' }
    ],
    //value: [], without value set to an empty array kendo ui assumes value:[''] but with an array count of 0
    // which causes all kinds of issues most especially when deleting
    change: function ( e )
    {
      tagIds = this.value();
      alert(JSON.stringify(tagIds));
    }
} );

} );
                    

Dojo example.

1. Resize the browser window so that its height is smaller than the DropDownTree's popup height.
2. Click the DropDownTree to open its popup.
3. The popup opens and then auto-closes

Hi,

I am facing an issue with Kendo grid ,i.e. Having more than one filter present in a grid and then deleting any one filter entry and clicking FILTER (or just pressing ENTER on keyboard) clears ALL filters.

In my Kendo grid , when I apply a filter to 2 columns, first I apply filter to numeric column which results in no value and, after that I applies the filter to a string column combined with numeric column which also results to no value, Nothing is displayed. But when I remove the value from textbox of numeric column and enter filter, no data is being displayed as string column filter is there but in case I remove the value from textbox of string column and enter filter , numeric column filter also gets removed. I also checked the Kendo functionality , but didn't find any solution for this problem.

Here's the code for Kendo Grid Filter which is causing the above issue.

    $scope.DemoGrid = {
        columns: [
            { field: 'ID', title: "ID", template: "<span><a href='' class='link-default' ng-click='getDetails(\"#=ID#\")'>#=ID#</a></span>" }, 
            { field: 'Type', filterable: false, title: "Type" },
            { field: 'Name', title: "Name", template: "<span>#=Name# </span>" },
            {
                field: 'Date', title: "Date", type: "date", format: "{0:dd-MMM-yyyy}", parseFormats: ["dd/MM/yyyy"],
                filterable: {
                    ui: function (element) {
                        element.kendoDatePicker({
                            format: "dd-MMM-yyyy",
                            parseFormats: ["dd/MM/yyyy"]
                        });
                    }
                }
            }
            ,
            { field: '', title: 'Action', template: "<span><a href=\'" + DemoDownloadApi + "?id=#=DownloadId#\' role='button' class='btn btn-blue-primary'>Download</a></a></span>" },
            { field: "DownloadId", hidden: true, sortable: false },
        ],

        pageable: {
            buttonCount: 5,
            pageSizes: [10, 20, 50, 100, 'All'],
            input: true,
            //refresh: false,
            messages: {
                display: Msg1,
                empty: Msg2
            }
        },
        sortable: true,
        dataSource: DemoDataSource,
        autoBind: false,
        filterable: true,
        scrollable: false,
        resizable: true,

    };

When a text with background color set is made bold and copy/pasted, the background color is not being preserved.

The issue can be reproduced on the following Dojo example.

Steps to reproduce:

• Type some text.
• Select the text and set a background color.
• Make the text bold.
• Copy/paste the text on a new line.

When showOn assumes its default value(to work with hold event on touch devices), the ContextMenu cannot be displayed by tapping and holding over the target elements.

The iсsue can be reproduced with the ContextMenu Demo.

In the latest Kendo UI commercial zip, there is a file typescript/kendo.all.d.ts.

In the Grid class, a property is missing : the dataItems function.

You should add the bold line :

        (...)
        dataItem(row: JQuery): kendo.data.ObservableObject;
        dataItems(): kendo.data.ObservableArray;
        destroy(): void;
        (...)

Your demo site is broken.

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

Binding the map layers to a SignalR Core datasource does not work. A runable project can be found in Ticket ID: 1401776

The basic configuration is:





Dear Telerik,

Please check this example. The single difference than the original one from the demos section, is that I deleted the tasksDataSource.schema.model.fields.parentId.defaultValue". Now the default value of the parentId will be 0 instead of null. If you try to add a new task, the logic will break because of inifinity loop caused by the new task with id=0 and parent=the same task(parentId=0).

I checked the documentation at https://docs.telerik.com/kendo-ui/api/javascript/data/ganttdatasource/configuration/schema and this obligation is missing. It is something small that can save an hour to someone else. 

Best Regards, Boyan.

Bug report

Reproduction of the problem

Dojo example.

Current behavior

A difference between kendo.culture.ar.min.js:

pattern: ["-n %","n %"],

and other Arabic cultures, e.g. kendo.culture.ar-AE.min.js:

pattern: ["-n%","n%"],

A space is present in between the % symbol and the number and the position of the percent symbol differs.

Expected/desired behavior

Format consistency.

Environment

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