In a very special case it is impossible to select a value from the ComboBox. It only occurs on iPads.

if ComboBox filter is set, virtualization is on and the datasource is set programmatically after initialization. A data item cannot be selected from the list if it is filtered before hand and the item is located at the second page inside the popup.

Steps to reproduce:

1. Open https://dojo.telerik.com/UbuRecut/4 on an iPad
2. Wait till data source is set
3. Input filter value (Popup should open and be scrollable)
4. scroll to the end of the popup
5. click element at the end of the list
6. No item is selected

Used Dojo Snippet:

1. Are there any specific versions of Kendo UI jQuery that you would recommend for compatibility with strict CSP?
   
2. What potential risks or extensive modifications might be involved in upgrading from our current version to a CSP-compatible version?

Bug report

Image browser invalidFileType error contains " since 2023.2.718

Reproduction of the problem

https://demos.telerik.com/kendo-ui/editor/imagebrowser

Expected/desired behavior

No " shall be present in the error message when an unsupported format is selected

Environment
**Kendo UI version: 2023.2.718 or newer
**jQuery version: 3.7.0
**Browser: [all]

It would be nice to customize the ActionSheet title for adaptive DatePicker or TimePicker. Currently it is hardcoded.

A title entry in the messages object would be nice.

Repro steps:

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

Actual Results:

Incorrect role is defined as "link" for the "filter" button, Screen reader announce like "Metric type filter column setting link".

Expected Results:

Correct role should be defined as "button" for the "filter" button. Screen reader should announce like "Metric type filter column setting button".

Hi Guys,

I have just upgraded to v2023.3.1114 only to find out the AngularJS directives have been completely removed from this release, causing a lot of wasted time & effort triaging the errors and then rolling things back to a previous working revision.

Back in a February 2018 blog post, you stated you were dropping support for AngularJS in all new components which was understandable but what I didn't expect was it's complete removal, especially in a SP, without any further communication.

The v2023.3.1114 release notes do not even list this as a breaking change, so are you expecting your customers to be clairvoyant now or is this just another example of how poor Telerik's customer service has become in the past few years?

Regards
Alan

Hi,

I'm finding that the grid pager is improperly rendered when it's initialized while hidden. Regression was introduced in version 2023.2.829 (didn't check internal revisions).

I use this, for example, when using tab panels and switching tabs containing grids.

I've made a dojo that illustrates the issue, clicking the button "show grid" shows the previously hidden grid

https://dojo.telerik.com/AZADekem

Best,

Gil

Hi Team,

Is there a way to create pop up create and inline edit. 

Thanks,

Nimita

Email address lists - and other list inputs for text items - in various apps take text input and render each item in a tag - not unlike the MultiSelect.

A widget in similar form to the MultiSelect could serve this purpose, taking string input from the text input element - as well as being able to filter on active text.

I have rigged a MultiSelect with a view model to perform this function: dojo example. Its not perfect, but seems to work ok.

• ";", "," and space characters are used as string separators to trigger parsing - and split text e.g. from pasted list
• a simple email RegEx rejects values that cant be an address
• email addresses are added to the "available item" list and selected item
• the available items can be pre-populated according to the context
• like in the MultiSelect, the pop-up list can be displayed and filtered as the user types
  
• the pop-up list can be used to de-select and re-select items, as well as tag clear and "clear all" buttons in the widget
• similar keyboard support is useful, "Ctrl-A", arrow keys etc.
• multi and single tag modes

Currently, when a Kendo component is initialized in the TreeList template it should be initialized in databound, expand, collapse events.

• As the nodes are refreshed when they are expanded the components will not appear as expected in case they are not reitinitized in the collapse/expand event handlers.
• In addition, a setTimeout is needed to ensure that the needed elements are rendered when a node is expanded or collapsed. Adding the timeout leads to a flickering that is not a good user experience solution.
  The dojo linked here demonstrates such an example - https://dojo.telerik.com/@NeliKondova/eFaFEveD

I would like the behavior to be enhanced in order to allow initializing the Kendo component in the TreeList template without the need to use the setTimeout function and if possible without reinitializing the components in the expand/collapse event handlers.

Good morning,

currently the compatible JQuery versions are only listed in this article: https://docs.telerik.com/kendo-ui/intro/supporting/jquery-support.

Most of the time also with great delay (as of today: 3 versions behind)

Would it be possible to include the compatible versions directly into the Release Notes of new versions?

This way we can safely upgrade JQuery along with new Kendo UI Releases.

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>

The children of a node (if the children are all leaf nodes) vertically stack when parent is expanded. Can you add a setting that forces horizontal sibling orientation for leaf nodes.

Current:

Desired:

Event "Select" is triggered on dropdown list when user do a middle click on the part outside of the list, event the popup of list isn't opened.  

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

When using Kendo's Upload component when you select a file/files to upload there is a 20% chance that it will upload the same file twice. We switched auto upload off to help, but when you delete one of the dupped files the upload button disappears causing you to delete both of them and then re-upload the file.

Upload Code -

 var w = $("#winFiles").data("kendoWindow");
                w.setOptions({
                    width: $(window).width() - 150,
                    height: $(window).height() - 150
                });
w.center().open();
                $("body").on("click", "#lnkShowUpload", function () { showWinUpload(associationId, typeId) });

function showWinUpload(associationId, typeId) {
var w = $("#winUpload").data("kendoWindow");
    $("#fileUpload").kendoUpload({
async: {
                        saveUrl: `/api/File/?typeId=${typeId}&associationId=${associationId}`,
                        autoUpload: false
                    },
                    validation: {
                        allowedExtensions: ["pdf", "jpg", "img", "png", "gif", "doc", "docx", "xls", "xlsx", "csv", "txt"]
                    }
});
                w.setOptions({
                    height: $(window).height() - 175
                });
w.center().open();
}

We would love to see the ability to modify/add/remove Custom Advance Properties to Excel Spreadsheets.