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?

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

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

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.

Bug report

Files are missing when trying to generate a script file for CircularProgressBar only through the Custom Download Tool.

Reproduction of the problem

1. Open the custom download tool - https://www.telerik.com/download/custom-download
2. Select CircularProgressBar

Current behavior

There are missing files in the exported custom file.

Expected/desired behavior

All necessary files should be included in the custom script file.

Environment

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

Bug report

When the WebPack 4 is used with Kendo version 2022.2.802 the following error is thrown in the console:

webpack_modules[moduleId] is not a function

Reproduction of the problem

1. Open the attached sample project
   webpack-demo-wb4.zip

2. Run 'npm install' and 'npm start' and check the browser console.

Current behavior

An error: webpack_modules[moduleId] is not a function is thrown .

Note: The latest Kendo version can be used without any issues with WebPack 5.

Expected/desired behavior

There should be no error and the app should run without any issues with Kendo version 2022.2.802 and WebPack 4

Environment

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

Hello Team,

We are currently facing challenges with the Kendo grid, which is a widely used widget or component at o9Solutions. Although we have been using Kendo for a long time, the widget is failing to meet accessibility standards for some components, which are crucial in today's world.

Regarding the Kendo grid, there is an issue where SR is reading the table twice, once for the header and once for the cells. This can cause confusion for assistive technologies like SR.

Consider the cases of horizontal scroll or fixed column cases also.

Having a single <table> is the standard. We can't create multiple tables, which will violate the good coding practices + accessibility standards.

---

I saw some posts regarding this... where it was mentioned we can remove this Scrollable() . But what are the cons of this if we remove this?
--

We want this functionality like a horizontal or vertical scroll or fixed column cases.But it needs to recognize as a single table.

Hello,

I am experiencing a bug on my kendo grid filtering when doing a filter on the column with foreign keys.

In the filtering popup, the 2nd dropdown to select value is always empty and there is no data associated with the dropdown.

You can also see this bug on yoru demo site:

https://demos.telerik.com/kendo-ui/grid/foreignkeycolumn

Here i am trying to filter by category and the first dropdown has data in it, however the 2nd one doesn't.

Please advise,

Thanks,

Vlad

Enhancement

Currently the dialog action buttons can not hold only icons, the API does not provide means to have a button with only an icon or an icon and text. Considering the aforementioned we should extend the API to allow adding of icons inside the action buttons.

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

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!

Hello kendoUI Team,

I am 98% sure the following is a bug: https://dojo.telerik.com/UZuKImUs/2

In this Dojo link, the AM/PM designators are logged to the console for the cultures en-US and de-DE. They appear to be empty for de-DE. Consequently, a custom format string "yyyy.MM.dd hh:mm:ss tt" will result in a formatted Date without the AM/PM designator at the end for the de-DE culture, instead ending with a trailing whitespace (i.e. the whitespace between "ss" and "tt" in the format string).

The JS console output for this Dojo code is:

AM designator(s) for en-US culture: AM, am, AM
PM designator(s) for en-US culture: PM, pm, PM
Format "yyyy.MM.dd hh:mm:ss tt" for en-US culture: "2011.01.01 12:27:36 PM"
AM designator(s) for de-DE culture:
PM designator(s) for de-DE culture:
Format "yyyy.MM.dd hh:mm:ss tt" for de-DE culture: "2011.01.01 12:27:36 "

Contrast this with the following equivalent .NET snippet:

using System.Globalization;

var testDate = new DateTime(2011, 1, 1, 12, 27, 36, 952);
var dateTimeTestFormat = "yyyy.MM.dd hh:mm:ss tt";

Thread.CurrentThread.CurrentCulture = new CultureInfo("en-US");
Console.WriteLine($"AM designator(s) for en-US culture: {Thread.CurrentThread.CurrentCulture.DateTimeFormat.AMDesignator}");
Console.WriteLine($"PM designator(s) for en-US culture: {Thread.CurrentThread.CurrentCulture.DateTimeFormat.AMDesignator}");
Console.WriteLine($"Format \"{dateTimeTestFormat}\" for en-US culture: {testDate.ToString(dateTimeTestFormat)}");

Thread.CurrentThread.CurrentCulture = new CultureInfo("de-DE");
Console.WriteLine($"AM designator(s) for de-DE culture: {Thread.CurrentThread.CurrentCulture.DateTimeFormat.AMDesignator}");
Console.WriteLine($"PM designator(s) for de-DE culture: {Thread.CurrentThread.CurrentCulture.DateTimeFormat.AMDesignator}");
Console.WriteLine($"Format \"{dateTimeTestFormat}\" for de-DE culture: {testDate.ToString(dateTimeTestFormat)}");

The output of this C# code is:

AM designator(s) for en-US culture: AM
PM designator(s) for en-US culture: AM
Format "yyyy.MM.dd hh:mm:ss tt" for en-US culture: 2011.01.01 12:27:36 PM
AM designator(s) for de-DE culture: AM
PM designator(s) for de-DE culture: AM
Format "yyyy.MM.dd hh:mm:ss tt" for de-DE culture: 2011.01.01 12:27:36 PM

While I am aware that kendo.culture cannot be a carbon copy of .NET's CultureInfo, I'm pretty sure that the missing AM/PM designators for the "de-DE" culture (possibly for others as well!) are an oversight in this particular case.

Hello, I have been using your service for almost a year and I noticed that your search engine could be significantly improved.

For example, I asked the following question in the forum on 18/10/2022:

"org chart editable.fields => set editable: false doesn't work"

And indeed I received an adequate response,

Then I tried to type this question into the browser but I couldn't find it,

Unlike if I were to ask such a question in Stack Over Flow then I would surely find my question through Google's smart search engine.

You have a huge database of questions and answers but it is a bit difficult to find what you want.

If a user can find questions asked by other users by simply typing in the browser, you will be able to provide a much greater response to customers.

Hope I explained myself clearly.

Hi,

If Kendo grid column has enumerated values, menu filter extra condition values is not populated.

Please, see example code in dojo at https://dojo.telerik.com/oXIwobEh

Thank you.

If a column is hidden in a grid, editing and then closing the popup shows the column for that row.

• https://dojo.telerik.com/@martin.taylor@anordmardix.com/EwOCehic

I have a tab control, and a number of the related views contain grids.

If a grid is created in a tab view that is not visible, then the grid pager renders as if it was on a tiny mobile screen. The only way you can make it render the pager correcly is to manually resize the browser window after the grid has become visible.

I have a simple demonstration here: https://dojo.telerik.com/eCuQAqEm

The behavior is the same in both Chrome and Firefox.

<!DOCTYPE html>
<html>
<head>
    <base href="https://demos.telerik.com/kendo-ui/tabstrip/index">
    <style>html { font-size: 14px; font-family: Arial, Helvetica, sans-serif; }</style>
    <title></title>
    <link href="https://kendo.cdn.telerik.com/themes/6.7.0/default/default-main.css" rel="stylesheet" />
    <script src="https://kendo.cdn.telerik.com/2023.2.829/js/jquery.min.js"></script>
    
    
    <script src="https://kendo.cdn.telerik.com/2023.2.829/js/kendo.all.min.js"></script>
</head>
<body>
        <div id="example">
                <div class="demo-section">
                        <div id="tabstrip">
                            <ul>
                                <li class="k-active">
                                    Visible Grid
                                </li>
                                <li>
                                   Hidden Grid
                                </li>
                            </ul>
                           
                            <div>
                              <div id="visibleGrid"></div>
                            </div>
                            <div>
                              <div id="hiddenGrid"></div>
                            </div>
                        </div>
                </div>
            <script>
              	const data = [];
              	for (let i = 0; i < 100; ++i) {
                  data.push({
                    columnOne : `Item ${i} Column One`,
                    columnTwo : `Item ${i} Column Two`
                  });
                }
              	const gridOptions = {
                	dataSource: data,
                  pageable: {
                    refresh: true,
                    pageSize: 10,
                    pageSizes: [10, 20, 30]
                  },
                };
                $(document).ready(function() {
                    $("#tabstrip").kendoTabStrip();
                    $("#visibleGrid").kendoGrid(gridOptions);
                  	$("#hiddenGrid").kendoGrid(gridOptions);
                });
              
            </script>
        </div>
</body>
</html>