we are extensively using the Kendo Jquery Grid for our datasets. The pager can be positioned at either the top of the grid or the bottom of the Grid using the configuratioon within the Grid Pager definition. I find having two pagers better when the display grid take up more than a  view port, then you can sometimes be closerto the top of the grid, sometimes closer to the bottom. If the Page is just at the top or the bottom then some cases you have to scroll throrough the  entire grid to get to the pager. So when it present at both, you can have eaiser access to the Pager.

So I am requesting that the position configuration in the grid is Top, bottom, Both.

Mark D

Hi team, please find the accessibility issue:

Component: https://demos.telerik.com/kendo-ui/datetimepicker/keyboard-navigation

Issue Name: 

Missing keyboard support for image buttons

Actual Result

Keyboard support is missing for "Open the time view" and "Open the date view" image buttons. This made it difficult for keyboard-only and screen reader users to access the functionality associated with the image buttons.

Steps to Reproduce

1. Navigate to the mentioned image buttons in the modal dialog.

2. Observe that the image buttons do not receive the keyboard focus.

Expected Results

The image buttons must be keyboard accessible.

Recommendation

Ensure that all the page functionality is available for all users irrespective of the device being used. 
Apply the following changes:
• Remove the tabindex="-1" attribute from the source code of the image buttons.
• Initially set the aria-expanded attribute to "false" for the image button. Ensure that the value of the aria-expanded attribute changes on user interaction via scripting.

Existing:

<button unselectable="on" tabindex="-1" class="k-select k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button" aria-label="Open the time view" type="button">
<span class="k-icon k-i-clock k-button-icon"></span>
</button>

Recommended

<button unselectable="on" class="k-select k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button" aria-label="Open the time view" type="button" aria-expanded="false">
<span class="k-icon k-i-clock k-button-icon"></span>
</button>

Also, the shortcut is there to open a date and time picker but relying on the shortcuts only to open it would not be feasible,

This improvement is for Accessibility related on Dialog window.

When we create a dialog window using the below code snippet, Screen reader is not reading the Header content or Header level of the Dialog window when we press 'H' key. NVDA screen reader is unable to find any header tags in the Kendo dialog. Users of NVDA screen reader will find it difficult to understand the UI screen. So, I request Kendo UI team include this feature to be able to configure using code for improving this accessibility feature. Thanks.

Link to Kendo dojo : Kendo Sample dojo link

<div id="dialog"></div>
<script>
    $("#dialog").kendoDialog({
      title: "Kendo Dialog Component",
      content: "This is your Kendo Dialog.",
      actions: [{
          text: "OK",
          action: function(e){
              
              return false;
          },
          primary: true
      },{
          text: "Cancel"
      }]
    });
</script>

The following issue is only present in a Firefox browser:
Changing the value of a TimePicker input field through code can sometimes cause the entire browser to scroll to the top of the page.

Was tested in:
Firefox 114.0 (64bit) 
(User Agent: "Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/114.0")

Reproduction: 

1. Create an input and initialize it as a TimePicker. 
2. Open the TimeView dropdown element either by clicking the button next to the input field, or by code (timePicker.open())
3. Close the TimeView dropdown element either by clicking the button next to the input field again, or clicking away from it anywhere on the page, or by code (timePicker.close())
4. Scroll down any amount from the top of the page.
5. Use the timePicker.value(...) function to set the value of the TimePicker field. The selected value has to be equal to any of the options available in the TimeView dropdown element.
6. The browser will scroll to the top of the page.

Test in Dojo: https://dojo.telerik.com/UdoLAkat/4

Expected behaviour: 
- After step 5. the value should just update in the TimePicker input field without causing any scrolling to happen.

I am assuming this behaviour happens because the TimeView component is attempting to scroll within its <ul> element to the option that has been selected by the .value(...) call, but since the entire TimeView component and all of its elements are hidden, Firefox somehow misinterprets the scrolling and scrolls the main viewport to the top of the page instead.

Hi Team,

I would like to request jQuery 3.7.0 to be supported with Kendo UI for jQuery.  

Thank you! 

Hi,

you have an open DatePicker on a mobile device and want to scroll up or down.
If you press and hold the screen inside the popup you can scroll but when you release the screen the date is selected and the DatePicker closes.
Shouldn't the DatePicker stay open because the user just wanted to scroll the page?

If you do the same with a DateRangePicker it's working. The date is selected but stay's open.

Thank you!

On this page Demo of core features in jQuery Circular Gauge widget | Kendo UI for jQuery (telerik.com) there is a link to the client side API documentation (big blue button "API Reference") but the link returns a 404 error.

This is the page it links to https://docs.telerik.com/kendo-ui/api/dataviz/circulargauge.

When I select time slot and then I will go to scheduler calendar, everything is ok. But then when I select one day earlier and open scheduler calendar it's showing previous date. It's reproduceable in latest version https://demos.telerik.com/kendo-ui/scheduler/index (https://dojo.telerik.com/EcalidON) with an option (selectable: true)

Green circle shows it works correctly.

Red circle shows it doesn't work correctly.

I observed it happens when I click one day before previous selection.

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'd like to request adding a clear button similar to the Kendo UI ComboBox for the Kendo UI TextBox.

Thank you!

Hi,

When "filter" option is set for dropdown tree widget, "checkChildren"  option doesn't take effect even if it is set to true.

Please, check example:

https://dojo.telerik.com/iMaVehuS/6

Thank you.

Hi Team,

I would like to ask for a built-in way to integrate Kendo UI Component with Active Directory.

Thank you!

When the browser is zoomed, the TabStrip scroll right arrow does not change to disabled when there are no more tabs to scroll into view. 

It looks like the problem is in kendo.tabstrip.js _toggleScrollButtons function, the following line:

that._scrollNextButton.toggleClass('k-disabled', scrollLeft === ul[0].scrollWidth - ul[0].offsetWidth);

When the browser is zoomed, kendo.scrollLeft(ul) returns a decimal value.  https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollLeft has the warning: "On systems using display scaling, scrollLeft may give you a decimal value."

scrollWidth and offsetWidth are rounded to integer.

My workaround is to override the _toggleScrollButtons function and do the following:

that._scrollNextButton.toggleClass('k-disabled', Math.abs(scrollLeft - (ul[0].scrollWidth - ul[0].offsetWidth)) <= 1);

Hi Team,

I would like to request the functionality to include HTML for cell values in a ooxml.workbook. 

Thank you!

Bug report

When a validation error message appears for the Kendo UI RadioGroup and CheckBoxGroup, the message appears after the first selectable button.

Reproduction of the problem

1. Visit the following Kendo UI Form Live Demo.
2. Clear the selection, then submit.

Current behavior

Expected/desired behavior

The validation message should be placed after the last input of the RadioGroup/CheckBoxGroup.

Environment

• Kendo UI version: 2023.1.314
• jQuery version: All Supported versions
• Browser: all

Would be important to export The Gantt List as an excel because the users that already use the datagrid understand all of that as being the same and do not understand why they cannot export the list as an excel.

Hi Support Team,

I try to apply VLOOKUP function in demo page.

VLOOKUP  Function:  =VLOOKUP(B8, 'Food Order #1'!B3:F11, 5, true) , the result showing in spreadsheet is $13.19, but when export to PDF the result show in PDF change to $52.16.

Can you please check on this issue.

Thank you

Regards
Daniel

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 an object is passed to an iframe method and kendo.observable is called on it, an error is thrown.  This error is new in the latest kendo releases and appears to be from a change to how kendo decides if something is an object.  Kendo now uses   { Object.getPrototypeOf(value) === Object.getPrototypeOf({})) } which it did not do in prior releases.  This test fails when the object tested is passed in from another frame.

You can repo this issue on the test site we setup:   Kendo UI Snippet (sixdisciplines.com)

Click the 'Call IFrame' button and notice the following error thrown:

    Uncaught TypeError: e.bind is not a function
    at init.wrap (kendo.all.js:318535:21)
    at kendo.all.js:318535:21
    at Array.forEach (<anonymous>)
    at new init (kendo.all.js:318535:21)
    at n.observable (kendo.all.js:318535:21)
    at iframeMethod (iframetest.html?5:14:25)
    at callIFrame (test.html:17:55)
    at HTMLButtonElement.onclick (test.html:21:34)

Following is the source used for this repo. I have also attached the html files.

Test.html:

<html>
<head>
    <meta charset="utf-8"/>
    <title>Kendo UI Snippet</title>

    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/themes/6.2.0/default/default-ocean-blue.css"/>

    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2023.1.314/js/kendo.all.min.js"></script>
</head>
<body>

<script>

  function callIFrame(){
debugger;

        var obj = new Object({ p1: 1, p2: 2, child: new Object({ c1: 1, c2: 2 }) });
document.getElementById('targetFrame').contentWindow.iframeMethod(obj);
  }

</script>
  <button onclick="callIFrame()">Call IFrame</button>

 <iframe id='targetFrame' src='iframetest.html?5'></iframe>
</body>   
</html>

iframetest.html

<html>
<head>
    <meta charset="utf-8"/>
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/themes/6.2.0/default/default-ocean-blue.css"/>

    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2023.1.314/js/kendo.all.min.js"></script>
</head>
<body>

<script>  
 function iframeMethod(obj){
debugger;
var observable = kendo.observable(obj);
alert('called')
 }
</script> 
IFrame with kendo 
</body>   
</html> 

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".