Currently, the data-value-update attribute can be used on DOM elements: https://docs.telerik.com/kendo-ui/framework/mvvm/bindings/value#controlling-the-view-model-update

It would be nice, if we have the ability to use it with editor widgets like TextBox, TextArea, NumericTextBox, etc.

Hi Team,

I'd like to request for the Kendo UI to be able to facilitate its stylings along with the BootStrap form-control class.  This way, I will not need to add any additional custom CSS for certain components within Kendo UI(TextBox, NumericTextBox...etc). 

Thank you!

Table editor allows to select multiple cells, horizontally, vertically, or even individually while holding down the Ctrl-key.

If based on such selection the table wizard is opened, one would expect that any choices made would apply to all the selected cells.
Instead, the changes are applied only to the first cell.

Please, either disallow selecting multiple cells or better allow batch editing of the selected ones.

Hi Team,

I'd like to request the functionality to set the scrollbars of the Kendo UI Components to a smaller size instead of the default larger scrollbars.  For example, something similar to jquery.nanoscrollbars.js.  

I do understand CSS doesn't currently support styling scrollbars:

https://drafts.csswg.org/css-scrollbars-1/#intro

It can be done using the ::-webkit vendor prefix, which works for some browsers but not IE or Edge.

The CSS working group say that : Note: Exposing the scrollbar-related ::-webkit- prefixed pseudo-elements to the Web is considered a mistake by both the CSS Working Group and Webkit.

At the moment, the only recommended way is to use javascript to "polyfil". Nanoscroller is one such example.  http://jscrollpane.kelvinluck.com/ is another example.

The controls just need a kendo's own polyfill, not to implement nanoscroller or jscrollpane, but for kendo to do it by itself out of the box.

Small controls with big scrollbars looks ugly. 

Thank you!

Hi Team,

I would like to request the functionality to be able to export (an) Excel file(s) with the built-in Kendo UI API into a ZIP file. 

Thank you! 

kendo.all.min.js is reporting this in Chrome.

A page or script is accessing at least one of navigator.userAgent, navigator.appVersion, and navigator.platform. In a future version of Chrome, the amount of information available in the User Agent string will be reduced.

To fix this issue, replace the usage of navigator.userAgent, navigator.appVersion, and navigator.platform with feature detection, progressive enhancement, or migrate to navigator.userAgentData.

Note that for performance reasons, only the first access to one of the properties is shown.

https://blog.chromium.org/2021/05/update-on-user-agent-string-reduction.html

When will this be resolved?

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?

Is very important get the option to configure display thousands delimiter on typing and not only when I lost focus control NumericTextBox.

Look this example with another library

https://nosir.github.io/cleave.js/

Best regards

Jorge

Hi

Currently, items binding is not supported by the FloatingActionButton widget in MVVM.

Therefore, the items need to be defined in HTML statically.

It would be great if it is supported so that I can dynamically set the contents for FloatingActionButton in MVVM.

Here is the desired example.

https://dojo.telerik.com/oDopiCAN

Thanks in advance.

For the Kendo Filter widget, being able to filter the list of fields in the dropdown list would be useful for longer lists and an event to see when the user added or removed a filter condition to manually set any other options for these lists. I have modified your sample filter in the browser console to add the filter to the dropdown in the screenshot here.

Steps to reproduce the behavior:

1. Run the jQuery Virtualization Demo
2. Open the popup of the Widget

Expected behavior
The header and rows shouldn't overlap

Screenshots

Affected package

• seems to affect all Themes

Affected suites

• Kendo UI for jQuery

The popup widget provides a setOptions() method that allows to update the options after initialization (as documented here: https://docs.telerik.com/kendo-ui/api/javascript/ui/popup/methods/setoptions). However, setOptions does not update the collision settings. This can be witnessed in the following DOJO: https://dojo.telerik.com/UbiKumIg.

When reducing the window size until the popup is forced to change its position, it still uses the "fit"-behavior, although setOptions() has been called with "fit".

A quick check in the sources revealed that the widget caches the collision settings internally in a form that is easier to work with than the configuration string. However it is never updated on setOptions().

Create a setting that will enable/disable the drag to select when Multiple Selection is enabled.

Current behavior

The Selectable widget which has drag selection functionality is always turned on, but in some cases it conflicts with other logic like drag and drop.

Expected/desired behavior

Create a setting to enable/disable drag-selection.

Environment

• Kendo UI version: all

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.

Greetings

Currently, all dynamically added elements are being added to the document body, unless we specify an appendTo option.
When we look at the Angular library, we can specify a default container element there via an injection token.
It'd be great (and not that much work) to have that for jQuery (and thus MVC) as well, since adding/removing elements to/from the body causes high reflow times.
In some components, like when we use a filterrow inside a Grid, we can't specify an appendTo option for those dropdownlists, so having a global setting would help there as well.  

I currently have to manually edit the kendo.all.min.js file every release to manually insert a fix for this, since adding things to the body causes terrible lag for us.

Kind regards

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]

The API docs for CheckboxGroup (https://docs.telerik.com/kendo-ui/api/javascript/ui/checkboxgroup/methods/value) states: "If passing an empty array, the value of the widget will be reset and the checked state will be removed from the selected checkboxes." But if you do this, it does NOT clear out any selections.

Code demo: https://dojo.telerik.com/IJOtaReh

Code snippit:

<ul id="checkboxgroup"></ul>
<script>
    $("#checkboxgroup").kendoCheckBoxGroup({ items: [ "one", "two", "three" ] });
    var checkGroup = $("#checkboxgroup").getKendoCheckBoxGroup();
    checkGroup.value(["two", "one"]);
    checkGroup.value([]);
</script>

Hi,

I would like to report a bug with Spreadsheet control. The problem is when trying to import from JSON data into a specific sheet and there are more than 200 rows for import.

If number of rows to import is up to 200, it works correctly, but if number of rows is 201 or more, import is not correct - data starts to import into new columns.

See this simple reproduction: https://dojo.telerik.com/IFuxijEZ/2

Hi

I found bug into the Items of Tab component.

When you create Tab and write 3 TabItems for it, all of the component are correct but when you want create other tab into the first or second part of TabItem with 2 tabitems, you will expect to see one main Tab with 3 TabItems and other Tab with 2 Tabitems into the first tabItem of first Tab. But you will see one Tab with 5 Tabitems So main Tab merge all of TabItems with together.

<Tab id="mainTab">
    <TabItem id="item1">
          <Tab id="childTab">
               <TabItem id="childItem1">
                    Content 1
                </TabItem>
                  <TabItem id="childItem2">
                    Content 2
                </TabItem>
           </Tab>
     </TabItem>
     <TabItem id="item2">
             Content 2
     </TabItem>
     <TabItem id="item3">
             Content 3
      </TabItem>
</Tab>

Thanks for solving this problem or for guiding me.

The Kendo UI Popup's "collision" option allows to specify how its positioning algorithm should handle situations where there is not enough space. When "collision" is set to "flip" and there is not enough space to display the popup where it was configured to be displayed (via origin and position), it flips to the other side of its anchor (documented here). If there is no space on the other side either, it flips back to the original position.

I've created an example situation where this happens in this DOJO. You might have to resize the browser window a bit to make the content on either side of the input smaller than the popup's width. As you can see, the position of the popup now is the least fortunate one:

• It would make more sense to flip, despite there being not enough space, because more content could be displayed on the left side than on the right side.
• It would be even better if the popup detected that neither sides provides enough space and instead reduced its size - the size is not fixed but determined by the content.

One might think I could set the popup's width to "min-content" via CSS to force wrapping, but this always wraps the content and wherever possible. Is there any way to make the popup's content wrap, but only if necessary?