Hi Team,

I'd like to request that Kendo UI adds Data Matrix codes to the Kendo UI Library. 

Thank you!

https://svelte.dev/

Looks to be so much better than React.

Require an Editor method to provide the cursor position as an integer representing the offset of the current cursor position from the start of the document with respect to the text displayed in the editor.

For example consider an editor displaying 'This is text content'. The underlying html will be <p><span>This is text content</span></p>. When cursor is placed after 'text', I would like to obtain the cursor position as 12 i.e. the offset based on the text displayed irrespective of the underlying html.

A widget that can handle international phone numbers with a good level of parsing, validation and formatting capabilities will be most valuable.

libphonenumber, a mature phone number library, already exists with numerous ports - maybe this can also be used by Telerik.

Widgets - like the javascript plug-in intl-tel-input - may already exist, but can take extra work to integrate smoothly with Kendo UI components.

When adding a command to a column, passing the command options via an array or not makes a difference only for the visible option of the command. See DoJo:
Kendo UI Snippet | Kendo UI Dojo (telerik.com)

All options for command work both with and without the array, except the visible function. 

I would like be able to have a vertical scrollbar on a kendo grid without enabling horizontal scrolling.

Currently when the scrollable feature is set to true, scrolling is enabled for both horizontal and vertical.

I would like to see something like:

scrollable:{ vertical : true, horizontal: false }

Can that be done?

Thank you!

Hi Team,

I would like to request the source code from the AI Service from the Kendo UI Grid demos be available to download.  

Thank you!

When a pager control uses responsive mode, but renders initially as hidden, the control fails to render properly.

The control should render to the appropriate responsive mode regardless of whether the control is visible or not when it is initially rendered.

Bug report
Grid's loader gets lost in the scrollable area height is greater than the viewport height

Reproduction of the problem

Dojo: https://dojo.telerik.com/hqknEyYx/2

Run and click on Export to Excel button

Worakround: https://dojo.telerik.com/gSsYgQpZ

excelExport: function (e) {
          let gridHeight = $("#grid").height();
          if (gridHeight < 700) {
            $("div.k-loader-container-inner").addClass("smallHeight");
            
          } else {
            $("div.k-loader-container-inner").addClass("biggerHeight");
          }
        }
...
<style>
        div.loaderPosition {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
        }
      div.biggerHeight {
        position: absolute;
          top: 50vh;
          left: 50%;
          transform: translate(-50%, -50%);
      }
    </style>

Environment
Kendo UI version: [all[
jQuery version: 3.4.1
Browser: [all]

Bug report

If the snap option is set at runtime the drag hint of the events starts having wrong height.

Reproduction of the problem

1. Open the Dojo - https://dojo.telerik.com/@NeliK/ilaziJEr
2. Try to disable and enable the Switch at the top ( you may need to disable and enable multiple times)
3. Drag the event

Current behavior

After changing the snap option at runtime as a result the drag hint height is correct when the snap is set to false, but it has wrong height when the snap is enabled.

Expected/desired behavior

The drag hint should have the same height as the dragged event.

Workaround

move: function(e){
				
          var dragHintEl = $('.k-event-drag-hint')
          var dataUid = $('.k-event-drag-hint').attr('data-uid')
          var event = $('.k-event[data-uid="'+ dataUid +'"]:not(.k-event-drag-hint)')         
          var height = $(event).height()
          $(dragHintEl).height(height)

        },

Dojo - https://dojo.telerik.com/@NeliK/aZArEdof

Environment

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

Bug report

Change fired twice when triggered manually on input change and selecting value from popup list

Reproduction of the problem
Run the Dojo sample: https://dojo.telerik.com/aFOJhVWj

Environment
**Kendo UI version: 2025.1.227
**jQuery version: 3.7.1
**Browser: [all]

The DropDownList's Keyboard Navigation Docs specify that the arrow keys move the highlight in the dropDownList, while Enter selects the highlighted item.

However, in reality, the arrow keys already select items. Via keyboard, it is not possible to select e.g. the third item in the list without selecting the first and the second item first (by pressing the down arrow).

E.g. the docs for Angular describe a different behavior.

Bug report

When the value of the widget is set in the dataBound event handler the filtering events is fired and e.filter is undefined

Reproduction of the problem

1. Open the Dojo
2. Open the browser console and type something in the MultiSelect to filter the data.

Current behavior

The filtering event is fired a second time and the second time the e.filter is undefined.

Expected/desired behavior

Double-checlk if the filtering event should be fired a second time.
The e.filter and e.sender.dataSource.filter().filters[0] should return the same value.

Environment

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

Bug report

When used in a regular HTML form, the CheckBox doesn't get reset by the Reset button.

Workaround: Consider using the Kendo Form instead of a regular HTML form.

Reproduction of the problem

1. Open this Dojo example - https://dojo.telerik.com/ureSOHoB/5
2. Click the Reset button

Current behavior

The CheckBoxes don't reset when clicking the Reset button

Expected/desired behavior

The CheckBoxes should reset when clicking the Reset Button

Environment

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

The Kendo-UI Diagram widget supports moving the whole diagram using the pan() method. However, the given offset does always have to be absolute.

Consider the following example:

The diagram is zoomed in and therefore not fully visible - assume a current offset of (-100, -100). The users should be able to pan using keyboard shortcuts. Whenever pressing one of the arrow keys, the diagram is moved in the corresponding direction by e.g. 50px:

If the user presses [ArrowRight], pan() needs to be called with an offset of (-50, -100).
If the user presses [ArrowUp], pan() needs to be called with an offset of (-100, -150).

However, since I do not know how much the diagram has already been moved, I cannot set the absolute offset required.

I have seen that pan() returns the current offset when being called without arguments, but this is not documented. Is this safe to use for that purpose or is there a better alternative? If yes, the documentation should be updated.

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.

Hi!

I am using the Kendo-UI Diagram widget to display relationships between items, that cannot be changed directly. I.e. I do not want users to be able to modify the diagram on their own. Unfortunately, I was not able to completely prevent modification of the diagram via its options.

For instance, I have set editable.remove to false. This prevents removing items already present at the widget's creation time, but it does not prevent removing items added later via diagram.addShape().

There are also several keyboard shortcuts like Ctrl+C (copy), Ctrl+V  (paste), Ctrl+X (cut) and Ctrl+D (duplicate) that I would like to turn off.

The only solution I have found so far is blocking the corresponding keyboard events and preventing their default behavior, but this seems more like a hack than a solution.

What do you suggest?