Need More Info
Last Updated: 12 Feb 2025 15:26 by Rajiv

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.

Need More Info
Last Updated: 12 Feb 2025 13:58 by ADMIN

See demo page: https://docs.telerik.com/kendo-ui/api/javascript/ui/colorpicker/configuration/clearbutton

The example uses "<input id="colorpicker" type="color" />".  Opening the preview reveals a black color.
Change the input-tag to div and the 'clear'-style is presented in the preview.
Or remove the color type when using the input-tag: "<input id="colorpicker" />" also correctly represents clear.

I can also locally reproduce it with Kendo UI jQuery v2024.4.1112.

Need More Info
Last Updated: 29 Jan 2025 10:53 by ADMIN
Created by: Dmytro
Comments: 3
Category: Kendo UI for jQuery
Type: Feature Request
1

Requesting a modification to any component that uses k-animation-container.

Some components have this capability:

popup: {
    appendTo: $("SOME ID")
}

This gives us the ability to modify CSS for a single/particular popup. Please add this ability to all relevant components.

Or any other method to modify the styling of a particular dropdown. In some cases, there's an ID that's added but is removed for some reason when adding a certain configuration.

Need More Info
Last Updated: 06 Jan 2025 07:54 by ADMIN
Created by: Brijendra
Comments: 8
Category: Kendo UI for jQuery
Type: Bug Report
2

Hi,

We are facing issue on every popup and context menu open. aria-hidden property has been set to true by default while rendering the control.

Blocked aria-hidden on an element because the element that just received focus must not be hidden from assistive technology users. Avoid using aria-hidden on a focused element or its ancestor.

 
Need More Info
Last Updated: 11 Nov 2024 13:36 by ADMIN
Created by: Shiraz
Comments: 1
Category: Grid
Type: Feature Request
2

Hi Team,

I would like to request a way to configure the Kendo UI Grid so if there are multiple footers from many groups, only one footer will show. 

Thank you!

Need More Info
Last Updated: 03 Sep 2024 10:28 by ADMIN

I'm getting inconsistent behavior when testing a ComboBox with Virtualization enabled. I've tested with both the ASP.NET Core demo and the jQuery demo. The .NET demo defaults to version 2024.2.514 and the jQuery defaults to the current version (2024.3.806), however I've tested with several different versions in the jQuery demo and they all yielded the same results.

Note: if you're unable to recreate any of the problems below, try refreshing the demo page and trying again. When additional data is loaded into the list via Ajax requests (ex. after scrolling through the list), this can interfere with the tests below. Refreshing will ensure there is no additional data from Ajax requests and only the data that was initially loaded into the list (the first 80 results).

 

Königlich

If you copy/paste the value "Königlich" into the textbox, the list of options is displayed with a matching option listed first (everything is working as expected so far):

If you hit backspace, however, the list of options is updated and the first option no longer matches (at all):

If you hit backspace again, the list of options is updated again, and now the matching value is back:

Backspace again, matching option disappears and the bad one is back:

It alternates like this each time you hit backspace, bouncing between a good matching value and a bad one that seems completely unrelated.

 

Queen

If you enter "Q", the list opens and the first option listed matches:

Add a "u" and the first option is no longer the match. However, the matching option is listed halfway down the list. Note that with Königlich above, this was not the case (notice in the screenshots above the first option has a border around it; there was no option in the middle of the list with a border).

Add "ee" ("Quee") and you're left with no more matches:

However, if you open the list and scroll down to 10372, you'll find there is in fact an option for "Queen" available that the previous entry wasn't finding:

 

Bon app

If you enter "B", the first option listed is a match. If you add an "o" ("Bo"), you're left with no matches:

But if you scroll down to 10331, there's an option for "Bon app" listed that wasn't matched above:

 

Blauer See Delikatessen

Same as above. Entering "Bl" finds a match, but "Bla" does not. Open the list and scroll down to 10501 to see the option that should have matched.

 

Summary

There seem to be several issues here:

  1. Alternating between finding a matching value then finding a random value as each character is entered (most prevalent with Königlich).
  2. Some options cannot be found via filtering (ex. all but the first above). Not only is it not running Ajax requests to find matches in options that haven't been loaded yet, but it also doesn't appear to find matches in options that have already been loaded via Ajax.
  3. Matched option displayed in the wrong location (in most cases the match was displayed first in the list, but in one of the examples above it's in the middle of the list).
Need More Info
Last Updated: 30 Aug 2024 07:13 by ADMIN
Created by: AGB
Comments: 5
Category: Kendo UI for jQuery
Type: Bug Report
0
Hi Guys,

I have been investigating an issue with the ComboBox component under Chrome whereby a scrollbar is being show when using the autoWidth option and a limited number of list entries.

The scenario is as follows

- When the control initially loads and you hit the dropdown button the list does not have vertical scrollbar.
  (See screen shot 1)  

- Select an item and and then hit the clear button.
  Now when you hit the dropdown the list has a vertical scrollbar.
  (See screen shot 2)

The issue is very random and can occur with any number of list items, providing the initial dropdown doesn't require a scrollbar.

I have tried to create a dojo to illustrate the problem but have so far failed.

Looking at the element with Dev tools I see on the initial dropdown the wrapper div is as follows

    <div class="k-list-content k-list-scroller" unselectable="on" style="overflow: hidden auto;">

but after select, clear & dropdown the div shows

    <div class="k-list-content k-list-scroller" unselectable="on" style="overflow: hidden scroll;">

Tracing through the code the problem is within the following function of the kendo.list.js file

        _refreshScroll: function() {
            var listView = this.listView;
            var enableYScroll = listView.element.height() > listView.content.height();

            if (this.options.autoWidth) {
                listView.content.css({
                    overflowX: "hidden",
                    overflowY: enableYScroll ? "scroll" : "auto"
                });
            }
        },

It would appear that under certain conditions Chrome is setting the enableYScroll value to true and hence the 'scroll'.

Looking at this function I cannot see a reason why there is even a need to set overflowY to 'scroll' surely just leaving it set as 'auto' is good enough and let the browser decided if scrollbars are required.

Regards
Alan

Need More Info
Last Updated: 26 Jul 2024 11:05 by ADMIN

When I incell edit multiple rows I only receive a sync callback through `change` on the datasource for the last row with only that last row in the "changedItems". This results in the grid not removing the dirty indicator for any of the other rows, only the last one is removed. The rows are updated properly and I if I were to manually call grid.refresh() it removes the indicators. If I update the rows individually it has no problems.

Here I've updated only the first row:

Here I've updated only the second row:

Here I've updated the first 2 rows at the same time and only the last one is detected as updated:

Here I've updated the PRS column for all 4 rows to "5" and it saved correctly, but only the last row is detected as updated in the grid:

As there's a lot of code involved I can't just paste it here, I can provide snippets or information about particular settings though.

Need More Info
Last Updated: 17 Jul 2024 07:10 by ADMIN
Created by: Michael D
Comments: 3
Category: Grid
Type: Bug Report
0

In current versions of Firefox, scrollbars do not longer reserve any space. In grids with locked columns, this leads to a double border at the right end of the grid's header:

The problem only appears if locked columns are present and scrollbars use zero-width (Firefox-Default). This DOJO contains a minimum reproducible example.

Need More Info
Last Updated: 06 Jun 2024 12:23 by Steve
Created by: Steve
Comments: 10
Category: Kendo UI for jQuery
Type: Feature Request
1

Email address lists - and other list inputs for text items - in various apps take text input and render each item in a tag - not unlike the MultiSelect.

A widget in similar form to the MultiSelect could serve this purpose, taking string input from the text input element - as well as being able to filter on active text.

I have rigged a MultiSelect with a view model to perform this function: dojo example. Its not perfect, but seems to work ok.

  • ";", "," and space characters are used as string separators to trigger parsing - and split text e.g. from pasted list
  • a simple email RegEx rejects values that cant be an address
  • email addresses are added to the "available item" list and selected item
  • the available items can be pre-populated according to the context
  • like in the MultiSelect, the pop-up list can be displayed and filtered as the user types
  • the pop-up list can be used to de-select and re-select items, as well as tag clear and "clear all" buttons in the widget
  • similar keyboard support is useful, "Ctrl-A", arrow keys etc.
  • multi and single tag modes

 

Need More Info
Last Updated: 04 Jun 2024 10:52 by ADMIN
Created by: Kapil
Comments: 1
Category: Kendo UI for jQuery
Type: Feature Request
0

I can see many people are asking to have smart labels in kendo chart also, so do you have any planning for same or can you share the logic of smart labels?
I have multiple series in the chart like 2-3 lines, 1-2 bars etc and their series labels are overlapping badly.

Check attached screenshots.

Need More Info
Last Updated: 07 Mar 2024 08:05 by ADMIN
Created by: eDAD
Comments: 1
Category: Kendo UI for jQuery
Type: Bug Report
0

Environment (OS, Application, Versions): 

OS Version: 22H2 (OS Build 25352.1)
Edge Dev: Version 121.0.2277.112 (Official build) (64-bit)

Third Party Name:   Kendo

Repro Steps: 

   1. Open https://codepen.io/oneID/pen/LYaGREP and turn on NVDA.
   2. Navigate to 'Populate' grid and activate it using enter key.
   3. Navigate to Expand button present under domain in Export to excel table.
   4. Observe if the screen reader is announcing correct role and name for the expand button or not.

Actual Results: 

Accessible name for the 'expand' button is not correct, Expand button is defined as link.

Expected Results:

Accessible name of 'expand' button should be sufficient for screen reader user. Accessible name should contain value available in domain as well.

Role should be defined as 'Button' as its behaving as button.

Need More Info
Last Updated: 13 Feb 2024 08:47 by ADMIN
Created by: eDAD
Comments: 1
Category: Kendo UI for jQuery
Type: Bug Report
1

Bug Title: Columns are not programmatically associated with their table headers.

Severity: Sev2 (High)

Test Environment:
OS Version: 22H2 (OS Build 25352.1)
URL: https://ppe.oneidentity.core.azure-test.net/
Edge Dev: Version 114.0.1807.6 (Official build) dev (64-bit)
Screen Reader: Narrator

Repro steps:
1.Open kendoSample (codepen.io)
2.Navigate through tables.


Actual Result:
Table header and their data are in different tables. Columns are not associated programmatically with their headers.

Expected Result:
Columns should be associated programmatically with their headers.

Need More Info
Last Updated: 25 Oct 2023 12:25 by ADMIN
Created by: Nimita
Comments: 1
Category: Kendo UI for jQuery
Type: Feature Request
0

Hi Team,

Is there a way to create pop up create and inline edit. 

 

Thanks,

Nimita

Need More Info
Last Updated: 24 Oct 2023 08:43 by ADMIN
Created by: Ha Minh Nguyet
Comments: 5
Category: Kendo UI for jQuery
Type: Bug Report
0

Event "Select" is triggered on dropdown list when user do a middle click on the part outside of the list, event the popup of list isn't opened.  

Need More Info
Last Updated: 19 Sep 2023 10:09 by ADMIN
Created by: n/a
Comments: 1
Category: Kendo UI for jQuery
Type: Bug Report
0

When using Kendo's Upload component when you select a file/files to upload there is a 20% chance that it will upload the same file twice. We switched auto upload off to help, but when you delete one of the dupped files the upload button disappears causing you to delete both of them and then re-upload the file.

Upload Code -

 var w = $("#winFiles").data("kendoWindow");
                w.setOptions({
                    width: $(window).width() - 150,
                    height: $(window).height() - 150
                });
w.center().open();
                $("body").on("click", "#lnkShowUpload", function () { showWinUpload(associationId, typeId) });

 

function showWinUpload(associationId, typeId) {
var w = $("#winUpload").data("kendoWindow");
    $("#fileUpload").kendoUpload({
async: {
                        saveUrl: `/api/File/?typeId=${typeId}&associationId=${associationId}`,
                        autoUpload: false
                    },
                    validation: {
                        allowedExtensions: ["pdf", "jpg", "img", "png", "gif", "doc", "docx", "xls", "xlsx", "csv", "txt"]
                    }
});
                w.setOptions({
                    height: $(window).height() - 175
                });
w.center().open();
}


Need More Info
Last Updated: 15 Sep 2023 08:16 by ADMIN

Hello Team , 

we are using  .net mvc + angular js 

i am unable to upload the image from the my desktop, please find the code below 


  scope.createKendoEditor = function(element, value) {
                        //debugger;
                        var k = $(element).kendoEditor({
                            "execute": onExecute,
"imageBrowser": {
                                messages: {

                                    dropFilesHere: "Drop files here",

                                   uploadFile: "Upload a file"
                                },
                            transport: {
                                read: "imagebrowser/read",
                                destroy: "imagebrowser/destroy",
                                create: "imagebrowser/createDirectory",
                                uploadUrl: "imagebrowser/upload",
                                thumbnailUrl: "imagebrowser/thumbnail",
                                imageUrl: "@FPK12.LMS.Framework.Utility.FullyQualifiedApplicationPath" + "/Temp/" + "@Utility.UserSessionID" + "/images/{0}?v="+@DateTime.UtcNow.ToString("MMddyyyyHHmmss")
                            }
                        },
"fileBrowser": {
messages: {
dropFilesHere: "Drop files here",
uploadFile: "Upload a file"
},
transport: {
read: "imagebrowser/read",
destroy: "imagebrowser/destroy",
create: "imagebrowser/createDirectory",
uploadUrl: "imagebrowser/upload",
thumbnailUrl: "imagebrowser/thumbnail",
imageUrl: "@FPK12.LMS.Framework.Utility.FullyQualifiedApplicationPath" + "/Temp/" + "@Utility.UserSessionID" + "/images/{0}?v=" +@DateTime.UtcNow.ToString("MMddyyyyHHmmss")
                            }
},
                            "value": value != null ? WirisPlugin.Parser.initParse(value) : value,
                            "tools": [
                                { "name": "bold" },
                                { "name": "italic" },
                                { "name": "underline" },
                                { "name": "strikethrough" },
                                { "name": "justifyLeft" },
                                { "name": "justifyCenter" },
                                { "name": "justifyRight" },
                                { "name": "justifyFull" },
                                { "name": "insertUnorderedList" },
                                { "name": "insertOrderedList" },
                                { "name": "outdent" },
                                { "name": "indent" },
                                { "name": "createLink" },
                                { "name": "unlink" },
                                { "name": "insertImage" },
                                { "name": "insertFile" },
                                { "name": "subscript" },
                                { "name": "superscript" },
                                { "name": "createTable" },
                                { "name": "addColumnLeft" },
                                { "name": "addColumnRight" },
                                { "name": "addRowAbove" },
                                { "name": "addRowBelow" },
                                { "name": "deleteRow" },
                                { "name": "deleteColumn" },
                                { "name": "viewHtml" },
                                { "name": "foreColor" },
                                { "name": "backColor" },
                                //{ "name": "formatting" },
                                { "name": "fontName" },
                                { "name": "fontSize" },
                                {
                                    name: "wiris",
                                    template: "<div id='" + element.replace("#", "") + "_toolbar'></div>"
                                },
                                {
                                    name: "Media",
                                    template: "<div id='" + element.replace("#", "") + "_media' style='cursor:pointer'>  <img id='imgMedia' style='padding: 12.2px' title='Media' src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGqSURBVDhPzdTNK0RRHMbx6yUvUYgsLYmdpFDessUG5Q+QouzssGBvhxUWNuwIC0qJIgvlZcVKKXkpFkjewvc5c++499zLzMLCU585c6Y79/5+Z84Z57+kEnvuGEiaOyaTDBSgGisoxTFeUYsTOKl6STIzuMI65nAPpQLTKDYzX/pwjrsI+XiHKsmDCtHn/cjFC+rhpOiFVGEH47jQB1ZU3QM6odbOcI1hzEOVN2MXJrrwBt4DojIFVfmGWahlVdiDS6iLeLqgG3pRxa3QD+FFD8tBHdTFJ7RMZVB1gdg3nMAHtqEbeJXruiWUY9EdI2PfcBKqQLQteqHY14WSaNtozbawaWaxdTuNvY2OvxVV5e2lUXRgEBvQWrYgC3a0ZfRA7YJ47FZUub96rdsjdI1NN1pDIO3QRi00s3BuoWPWBK8rjQ04gPZkIDqjOiVaI/8JkUZ31GZWe6vQqdCv/AxtdFVq4j1NKUIbss3sO8tQdSM4whhqcIgh6Hv+9U8qankg9tZJR4k7Kt0ItZwoC9CR+4naN/G3/Fu0XfQ/mGlmwWjj7+PJzP42jvMFvddvjvC2MvQAAAAASUVORK5CYII='> </div>"
                                }

                            ]
                        }).data("kendoEditor");

                        setTimeout(function () {
                            if (value == undefined) {
                                $(k).focus();
                            }

                        }, 100);
                        return k;
}   we are getting the web address URL we are expecting upload images/files from the My PC   
Need More Info
Last Updated: 04 May 2023 11:49 by ADMIN
Created by: eDAD
Comments: 4
Category: Kendo UI for jQuery
Type: Bug Report
0

After applying filter or page number, the table content gets changed but the screen reader didn't inform about the same.

Repro-Steps:

  1. Open the WPG - Home URL in browser.
  2. Now, navigate to table in table in scan mode.
  3. Observe the issue.

 

Actual Result:

After performing below action's, the table content gets changed but the narrator didn't announce about the content change:

  • After applying filter (any), if data shown as well as if no content found.
  • After selecting page no.

Expected Result:
The narrator should announce about change in the data table as soon as the filter applied, or page get changed.


User Impact:

Users who rely on screen readers are getting confused if the focus lands on the icon and only announces link without announcing the name of the link.
Need More Info
Last Updated: 21 Apr 2023 14:32 by Paul
Created by: Paul
Comments: 4
Category: Kendo UI for jQuery
Type: Bug Report
0

I see this most often in the All Day slot of the Timeline view. I do not believe it is isolated to just that though. Here's using the native code:

Here's the same page with the code fixed:

Please note that two events are covered up: recur3 and an event that is NOT an all day event starting at 2pm. That's what the gap is. So yes, this gap is correct. Also note: In the first window I can press F12 to open the inspector, and manually delete the event elements which reveal the missing ones underneath. They are overlaid on top of each other.

After some debugging, here is the fix. The file, version, method, and line numbers are all here for you. The fix is highlighted on line 2855. The highlighted "start" should be "end".

Need More Info
Last Updated: 13 Mar 2023 10:43 by ADMIN
Created by: detlef
Comments: 1
Category: Kendo UI for jQuery
Type: Feature Request
0

Refresh the grid with a function. I now do a queryselector to find and click the refresh button that i only added so i can refresh the grid with javascript. I'm using an array (global scope) to store data.

The grid.refresh() didn't work, probably because i don't use transport. I have tried all the solutions on telerik and stackoverflow websites.

The data in the array gets manipulated outside of the kendo grid. document.queryselector(".k-pager-refresh").click() option works , but there has got to be a better way to do this.

P.s. deleting and rebuilding the grid with the new data gives bugs with grouping the data by column header, so that isn't an option.

1 2