Hi Team, we're using kendo heavily on our platform. But still there're many gaps in kendo accessibility. I'm working as a Accessibility advocate and i believe every individual can access the widgets irrespective of their barriers. One of the issue is:

Keyboard Support is missing in the input fields buttons like:

1. Clear Button

2. Dropdown "arrow" Button

3. Date and Time Button

Current Behavior:

Focus is going to input field and you can write inside the combobox or textbox or multiselect but you can't interact with other icon buttons like dropdown , date & time, clear "x" button using tab key.

Expected Behavior: As per accessibility , every interactive elements needs to be keyboard focusable using tab key irrespective of shortcut.

I've created a feature request long ago and suggested solution for this: please check in the feature, it's declined by the team:

Date time picker Keyboard Support is missing for date and time button because of (tabindex=-1)

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,

Test Environment:

OS: Windows 11 Version 22H2(OS build 22621.1992)

Browser: Edge browser version 115.0.1902

Screen Reader: Narrator.

Repro Steps:

1. Open URL: Kendo UI Snippet | Kendo UI Dojo (telerik.com)
2. Navigate to the Choose Library combo box and select 'Kendo UI 2022 R2' option.
3. Navigate to the Run button and activate it.
4. Open Narrator using 'Ctrl + Win + Enter' key.
5. Press 'T' key to navigate table in quick navigation mode.
6. Navigate the table header controls using up arrow.
7. Observe that narrator announce role as link on Filter controls or not.

Actual Result:

Incorrect role defined as "link" for the "Metric type filter column setting" button.

Expected Result:

Correct role defined as "link" for the "Metric type filter column setting" button.

Bug report

Missing Anti-CRSF tokens trigger security alerts when testing for security compliance with OWASP ZAP.

Reproduction of the problem

https://www.telerik.com/forums/how-to-resolve-absence-of-anti-csrf-token-alert-in-kendo-all-min-js-1559042

Current behavior

Expected/desired behavior

Environment

• Kendo UI version: 2022.2.621
• jQuery version: x.y
• Browser: [all]

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,

I would like to request the functionality to be able to define a character set for the Telerik.Web.Captcha.  Additionally, I'd like to request a way to exclude certain characters like numbers.

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!

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

It would be great to have support for all wildcards while filtering.

tabstrip in mobile device easy to use for client if tab is scroll on touch instead of arrow button of left and right

Describe the bug
Kendo ComboBox and DropDownList controls are conflicting with kendo PanelBar.
If ComboBox or DropDownList control is included inside a kendo PanelBar, the the dropdown elements of both controls are detached from the combobox or dropdownlist inputs respectively.

To reproduce
In order to reproduce the behaviour:

1. Create a kendo PanelBar with one item
2. In the previously created panel's bar item create a list
3. Add input value in one of the list items
4. Add ComboBox or DropDownList kendo control to the input
5. Both controls will have detached the dropdown elements
6. You can run the piece of code in dojo to reproduce the issue (https://dojo.telerik.com/OZoXiPEy)

Expected behavior
ComboBox or DropDownList controls should work correctly and the dropdown elements of controls should not be detached.

Editor components like the pickers, textboxes, etc. use an internal <input> element while submitting to get their value from. This value shows up in form.serialize() even when no value selected/provided.

This is observed also in online demos:

• https://demos.telerik.com/kendo-ui/spreadsheet/index

Steps:

1. Open demo
2. Edit a cell and enter text
3. Press Alt+Enter and enter more text
4. Press Alt+Enter
   
   Result: the last letter of the row is transferred to the new row

Hi team,

Found an issue with column filterable property on IE 11 and last kendo UI for jQuery release.

Please have a look at this dojo with IE11: https://dojo.telerik.com/UfIZePaZ

Using property "filterable: { multi: true}" on first column leads to the grid not being built with console error.

Regression bug as it works with previous kendo release.

Regards,

Laurent.

Bug report

When the Kendo UI Grid is paged and the Search panel input is focused, the page is automatically switched to the first one.

Reproduction of the problem

1. Navigate to the live demo:

https://demos.telerik.com/kendo-ui/grid/search-panel

2. Change page to 2 (for instance).

3. Focus the Search panel input.

4. The page is changed to the first one.

Expected/desired behavior

When the search panel is empty and only focused, the page should remain the same.

Environment

* **Kendo UI version:** 2019.3.1023
* **jQuery version:** 1.12.4
* **Browser:** [ IE 11.768.17763.0] 

Bug report

When the Scheduler is grouped, selecting a cell from the last row does not mark it as selected in IE 11 in TimelineView.

Reproduction of the problem

• Open https://dojo.telerik.com/UxetITah/3 in IE 11.
• Click on any of the cells in the last row('Charlie').

You will notice that the same cell in the previous row is marked as selected.

Current behavior

Selection does not mark the correct cell as selected in TimeLine View with grouping.

Expected/desired behavior

Selection should mark the correct cell as selected in TimeLine View with grouping.

Environment

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

Bug report

In IE 11, MultiSelect with autoClose:false does not prevent the popup from closing. The widget has to be placed at the bottom of the page, so that there is no space for the popup to open below the input field.

Reproduction of the problem

1. Open this Dojo example.
2. Scroll to the bottom of the page.
3. Start selecting items until the tags do not fit the input field.
4. When the input's height expands, the popup closes.

Current behavior

The popup closes when the height of the input field expands to fit tags on a new line.

Expected/desired behavior

The popup should remain open.

Environment

• Kendo UI version: 2020.1.219
• Browser: [Internet Explorer 11]

Bug report

When there is a textarea DOM element in a page that is about to be exported to PDF file, the text of the textarea is displayed two times in the exported PDF document. This happens when the papersize property is defined for the kendo.drawing.drawDOM.

Reproduction of the problem

1. Open this Dojo in Internet Explorer
2. Press the "Export the current document" button

Current behavior

The text in the exported textarea is doubled. The exported file will look like:

Expected/desired behavior

The content inside the textarea should not be doubled, but appear as it is displayed in the browser.

• Open the above Dojo in Chrome and follow the reproduction steps. The exported file looks like:
  

Environment

• Kendo UI version: 2020.1.219
• jQuery version: x.y
• Browser: [IE 11]