There are several problems when extending a widget .
In this example we have extended the DropDownTree.
selectedProductId: [{ id: "a" }, { id: "c" }],
and not
selectedProductId: ["b", "c"]
So some properties are supported and other that have been added later not.
I present you the source code (https://dojo.telerik.com/ewewERiD)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Untitled</title>
<script src="https://code.jquery.com/jquery-1.12.3.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2022.2.510/js/angular.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2022.2.510/js/jszip.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2022.2.510/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2022.2.510/styles/kendo.default-ocean-blue.min.css">
</head>
<body>
<input id="dropdowntreeExt" data-bind="value: selectedProductId">
<script>
(function ($) {
var kendo = window.kendo,
ui = kendo.ui,
DropDownTree = ui.DropDownTree;
var DemoDropDownTree = DropDownTree.extend({
init: function (element, options) {
DropDownTree.fn.init.call(this, element, options);
$(element).parent().addClass("k-picker-solid k-picker k-rounded");
},
options: {
name: "DemoDropDownTree",
checkboxes: true,
fillMode: "flat"
}
});
ui.plugin(DemoDropDownTree);
})(jQuery);
var viewModel = kendo.observable({
selectedProductId: [{ id: "a" }, { id: "c" }],
//selectedProductId: ["b", "c"],
products: [
{ id: "a", name: "Coffee" },
{ id: "b", name: "Tea" },
{ id: "c", name: "Juice" }
]
});
kendo.bind($("#dropdowntreeExt"), viewModel);
//kendoDemoDropDownTree
//kendoDropDownTree
$("#dropdowntreeExt").kendoDemoDropDownTree({
valuePrimitive: true,
dataTextField: "name",
dataValueField: "id",
//checkboxes: true,
dataSource: viewModel.products//,
//fillMode: "flat"
});
alert($("#dropdowntreeExt").data("kendoDemoDropDownTree").options['fillMode']);
</script>
</body>
</html>
(!) This also applies in the latest versions as well (2022R2 and 2022R3).
2. if you place the properties in kendoDropDownTree, everything works well and the datasource also accepts the format selectedProductId: ["b", "c"]
3. Many options, like autoWidth property, don't apply in extended widgets (i.e. MultiSelect, DropDownList, DropDownTree etc).
4, In DropDownTree for the extended widget, valuePrimitive: true is not applicable. Instead of returning an array of the selected keys, it returns an array of the entire item.
Issue Description:
Screen reader user will get confused if incorrect narration is provided on the controls.
Test Environment:
OS : Windows 10
Version: 2004(OS Build 21292.1)
Browser : Anaheim Dev (Version 89.0.760.0 (Official build) (64-bit))
URL: https://docs.telerik.com/kendo-ui/api/javascript/ui/numerictextbox/methods/min
Screen reader: Narrator.
Repro steps:
1. Open the above-mentioned URL in browser there's example code for the Numeric text box feature.
2. Now, navigate to the 'Open in Dojo' and via tab key and run the program.
3. Now move the focus to the Text box.
4.Verify whether the Narrator announce min 0 and max 0.
Actual Results:
Screen reader announces the incorrect information as "Min 0 and Max 0" when the focus lands on "from" or "to" spin button's. Currently min and max both the value's are announced as 0.
Expected results:
Screen reader should announces the relevant information when focus is on 'From' or 'to' spin button. It should be announced "Min value as 0" and "max value as per design"
Additional Notes:
1. Same when focus first lands on the opened dialog after activating build button it is announced as table which is incorrect.
2. Same issue observed with every spin button and dropdown controls.
Mentioned in package.json: "typings": "index.d.ts", but the file is missing.
Package: @progress/kendo-ui@2022.2.621
Missing Anti-CRSF tokens trigger security alerts when testing for security compliance with OWASP ZAP.
The problem described happens for multiple controls. For the sake of simplicity, I'll stick with the DropDownList.
As documented here, the DropDownList's "fillMode" option supports "null" as value. However, the corresponding TS typings file does not allow null. The same is true for the "rounded" and "size" options as you can see in the snippet below that was copied from "index.d.ts".
interface DropDownListOptions {
fillMode?: string | undefined;
rounded?: string | undefined;
size?: string | undefined;
}
Note: parts of the code were omitted for brevity's sake.
A (temporary) workaround is to trick the typing system by casting manually:
fillMode: null as unknown as string | undefined
Hello Telerik Team,
we at COPA-DATA have a supposed problem with the results of the Whitesource Scanner.
According to Whitesource the Kendo UI LIbrary is including a Sub Library called "DocSuitePA".
According to Whitesource this is the Library Owner:
Owner | |
Release Date | 23-04-2020 |
Host | GitHub |
URL | https://github.com/AUSL-ReggioEmilia/DocSuitePA/tree/8.88 |
Download Link | https://github.com/AUSL-ReggioEmilia/DocSuitePA/zipball/8.88 |
This Library is released under "European License 1.2" terms, which means for us a commercial distribution is not possible.
Could you please verify if this is a false / positive of the White source scanner or if this is an real issue inside the KendoUI Library.
Best Regards
Reinhard Mayr
The ContextMenu widget supports navigating from one item to another using the up/down arrow keys. If an item is focused, it receives the "k-state-focused" class and highlights the item visually. However, as soon as this or any other item is hovered, all focus classes are removed and therefore the highlight disappears. When pressing the arrow keys again, it reappears again, but the focus always starts moving from the hovered item instead of the most recently focused item.
This behavior can be reproduced in the following DOJO: https://dojo.telerik.com/ACIpeYIm
Unfortunately, we currently don't really see any way to fix this without directly modifying Kendo code or rebuilding the entire keyboard navigation ourselves, because the contextMenu keyboard navigation does not seem to set the DOM focus at all, but works with CSS-classes only.
Do you have any suggestions?
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.
Only the "Furniture" checkbox is being checked
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.
The Popup widget has a"collision" setting that is documented here: https://docs.telerik.com/kendo-ui/api/javascript/ui/popup/configuration/collision. The documentation states the following:
If two words are used, the first one applies to the horizontal dimension and the second one - to the vertical dimension.
However, the first word sets the vertical behavior and the second word sets the horizontal behavior. This can be seen in the following DOJO: https://dojo.telerik.com/ewOKOZIh. The popup uses a configuration with its collision set to "flip fit". Still, when resizing the window horizontally (making it less wide), the popup slides under the input control instead of flipping to the other side. When resizing the window vertically (making it less high), the popup flips to the upper side of the input control once the space below is becoming too small.
In my understanding, the exact opposite behavior is expected.
The behavior of DropDownList, ColorPickers and probably more controls changes when a tooltip is added to them. When the tooltip opens, the ".k-state-border-down" CSS-class is added to the (e.g. DropDown) container. However, in the context of the DropDown, this class means that the DropDown is opened and therefore, the styling changes accordingly.
The following two DOJOs demonstrate this bug:
We currently experience this behavior in the Editor widget when adding tooltips to tools that render the aforementioned controls.
Hello,
I've noticed that any attempt at calling `dataSource.read()` on a datasource attached to a Kendo Menu results in keyboard accessibility breaking.
Steps to reproduce:
1. Use this code as a starter: https://dojo.telerik.com/IJOyUzEX/2
2. Notice that tabbing to the menu works the first time
3. Activate the menu and close it.
4. Now try to tab into the menu again. It does no longer work.
Are there any better methods to have Kendo Menu dynamically generate the list everytime an open event is triggered?
Hi,
The `alwaysVisible` option is ignored when we have an external DataSource.
Consider the following code:
```
var dataSource = new kendo.data.DataSource({
pageSize: 2,
data: [
{ name: "Jane Doe", age: 30 },
{ name: "John Doe", age: 33 }
]
});
$("#grid").kendoGrid({
columns: [
{ field: "name" },
{ field: "age" }
],
});
var grid = $("#grid").data("kendoGrid");
grid.setDataSource(dataSource);
grid.setOptions({
pageable: {
alwaysVisible: false
}
});
```
Here, since the `pageSize=2` and we have `2` records; I don't expect to see not the pagination and other pager options after `alwaysVisible` is set to `false`.
However, I do see them since `alwaysVisible` is completely ignored.
When I move the datasource back inside the `$("#grid").kendoGrid({})` everything works as expected.
Please let me know if this is an bug or I have mistaken in understanding something about the options.
Thanks,
Ajay
Hi,
When I call grid.datasource.sync() on a datasource that has a model id defined, but this field is unmapped, I get a cryptic error. You can find a reproducer here: https://dojo.telerik.com/iLacazot
Uncaught TypeError: o is undefined
setup http://127.0.0.1/a/kendo-ui/js/kendo.all.min.js:28
create http://127.0.0.1/a/kendo-ui/js/kendo.all.min.js:28
_promise http://127.0.0.1/a/kendo-ui/js/kendo.all.min.js:28
Deferred jQuery
_promise http://127.0.0.1/a/kendo-ui/js/kendo.all.min.js:28
_send http://127.0.0.1/a/kendo-ui/js/kendo.all.min.js:28
sync http://127.0.0.1/a/kendo-ui/js/kendo.all.min.js:28
<anonymous> http://127.0.0.1/a/program/discount/search/:4058
On a slightly related subject; When checking the docs on the model id it seems that the example is missing from this page:
https://docs.telerik.com/kendo-ui/api/javascript/data/model/fields/id
Open this example https://dojo.telerik.com/@lydbell/UcOFiKad.
Run and wait 1 sec.
The selected custom view is lost and the Gantt chart reverts to the weekly view.
Hi,
I'm 100% sure I've found a bug that occurs when trying to load a state into the kendo Filter component.
I've tried this on the example of the official documentation below ("Loading Settings on Demand")
https://docs.telerik.com/kendo-ui/controls/data-management/filter/state#loading-settings-on-demand
Here are some reproduction steps:
1. Click Add expression
2. Add Cost - Is equal to - 25
3. Click Save
4. Click any of the 2 close icons
5. Click Load (This should load in the filter of the cost being 25)
6. Once again, click any of the 2 close icons.
7. Click Save
8. Click Load (This should load all the results since we removed the filters and saved that state.)
9. As you can see, it once again loaded the filter instead of loading in the empty filter object.
Please fix this :)
Kind regards
This shows up wrong when compared with on Excel.
Now, I am doing with the Spreadsheet. I have a problem.
When I change font to Japanese, and then I enter characters to cell.
The first character was disabled, other characters displayed normally.
It only cause with Japanese font.
Please help me about this problem
Hello ,
I've been struggling to fix a problem , but it seems it's a bug from Kendo
the scenario is , when I had two events for same resources (I made a vertical grouping for ressources) then I moved on of the events to another slot it moved but the slots misaligned and the same thing when I remove an event
I will include a screenShot to see that
Hi Neli, I have an even bigger problem. Could you tell me how to configure the "enter" to be a "<br>" and not a "<p>". I am having a lot of problems. In the editor I press enter but since a <p> is inserted, my report shows it all together, without line breaks. I need an urgent answer please.
Attached images of the insertion problem of <p>
Thanks
Hello, there is a comment in the Resize API demo example for popup modal windows that is opposite the way it actually works, right?
resize - API Reference - Kendo UI Window | Kendo UI for jQuery (telerik.com)
i.e. the user has STARTED resizing the window