Hi,

I'm not sure this will be a bug in your mind but I just wanted to make sure I understood how things work. We have a grid definition which includes the dataSource.schema.model definition. One of the fields (TradeDate) in the schema has a type = "date". In addition, we assign local json data to the "data" property of the dataSource. Our JSON data comes in with dates in the ISO format (a string with the "T" in it). When the grid is initially created everything works fine. We notice that the TradeDate field in the dataSource.data() is converted to an actual javascript date. I assume this is happening because of the schema definition. Later we retrieve new data via an ajax call and apply it to the grid using the grid.dataSource.data(newJson) command. However this does not seem to process the TradeDate field and convert it into a real javascript date. This causes problems because we have filters applied based on the TradeDate. It works fine the first time but fails any time the data is refreshed (because the field value is a string). We tried the schema.parse function but that also is only called the first time. Ultimately we coded the grids "dataBound" event and everything worked. It gets called each time the data is refreshed. I was just wondering if I could be doing something differently so that the schema handled the conversion all the time.

self._grid = grd$.kendoGrid({
columns: [...],
        dataSource: {
schema: {
                        model: {
                            id: "somekey",
                            fields: {
                                NewTradeFlag: { editable: false },
                                TradeDate: { editable: false, type: "date" },
...
                            }
                        }
                    },
                data: self.ViewModel.DisplayData.TransactionData
         }
...
})

Later on we do this

self._grid.dataSource.data(newJsonData);

P.S. we originally were using MVVM binding straight to the ViewModel but that didn't work either.

Thank you in advance, Jim.

See dojo at https://dojo.telerik.com/@GaloisGirl/akAlaDIP .

The first DateTimePicker is set as readonly and has also aria-readonly manually set to true. It is correctly read by my screen reader (NVDA).

The second DateTimePicker is only set as readonly. It is read by the screen reader editable. It is not marked as readonly in the accessibility tree (per Firefox Developer Edition 71).

I can't find a formal specification, but this page says an input with ARIA role="combobox" needs to have "aria-readonly" set in addition to "readonly".

I'm documenting this for the DateTimePicker , but the same problem occurs for ComboBox ( https://dojo.telerik.com/@GaloisGirl/egeLOxIt ) and possibly other widgets that use the ARIA role combobox.

I've setup a new ASP.NET Core project with Kendo UI Core. One of the requirements for this site is to load the scripts/styles from CDN except when the internet is down, in which case it should load from local files. I downloaded a copy of Kendo UI Core 2019.3.1023 and extracted it into the project. I have an ASP.NET Core Tag Helper which handles hashing the local file and using that SRI to load the CDN version.

Here's an example of that generated tag and the fallback:

<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.3.1023/styles/kendo.common.min.css" integrity="sha384-tr4PSEV2CnVkku/o7s0ApjrlIpaxzBOMQTYc8SsPFXXh6ITUZ/SS7t8k8PVUa1Tk" crossorigin="anonymous">
<meta name="x-stylesheet-fallback-test" content="" class="k-widget"><script>!function(a,b,c,d){var e,f=document,g=f.getElementsByTagName("SCRIPT"),h=g[g.length-1].previousElementSibling,i=f.defaultView&&f.defaultView.getComputedStyle?f.defaultView.getComputedStyle(h):h.currentStyle;if(i&&i[a]!==b)for(e=0;e<c.length;e++)f.write('<link href="'+c[e]+'" '+d+"/>")}("box-sizing","content-box",["/lib/kendo-ui-core/styles/kendo.common.min.css"], "rel=\u0022stylesheet\u0022 integrity=\u0022sha384-tr4PSEV2CnVkku/o7s0ApjrlIpaxzBOMQTYc8SsPFXXh6ITUZ/SS7t8k8PVUa1Tk\u0022 crossorigin=\u0022anonymous\u0022 ");</script>

When the hash is calculated from the local file, the CDN copy does not match. So far I have only had an issue with two files: kendo.common.min.css and kendo.bootstrap-v4.min.css: both of these files have different headers from the download and CDN versions and appear to be minified differently. It would be great if future versions could be the same so that the hash for a local file matches the hash for the CDN version.

As a side note, it would be really great if you could work with Libman (the Visual Studio CDN downloader tool) to be able to download Kendo UI Core. The only version that exists currently on that system is very old.

On https://demos.telerik.com/kendo-ui?_ga=2.149841974.1082962146.1579102350-1080570292.1579102350 , all links in the "Sample Applications" section return 404 (for example https://demos.telerik.com/bootstrap/ )

Removing all URL params helps.

Any URL param ( https://demos.telerik.com/kendo-ui?x=1 ) reproduces the issue.

The event handling between DatePicker and DateTimePicker is inconsistent.

If I manually type a date into DatePicker and tab away from the input, the change event is triggered

If I do the same in DateTimePicker, no event is triggered

They should behave the same, of course DateTimePicker should also trigger whether or not the user types in a time

https://demos.telerik.com/kendo-ui/datepicker/events

https://demos.telerik.com/kendo-ui/datetimepicker/events

Hi,

I'm using the Grid version 2019.3.1023 but changelog for newer version doesn't seem to show this has been fixed.

Using Html.Kendo().Grid().Columns(columns => colums.ForeignKey(x => x.ForeignCol, data, "value", "label"));

If data contains html, it will not be escaped when the javascript for the kendoGrid component is rendered, and thus is exposed to XSS.

This should be either fixed or documentation and samples must tell explicitly we need to html encoded the data, as this is not the case for the model itself.

Hello,

The function kendo.support.mobileOS is returning false when on Chrome browser using  Huawei mobile, model MRD-LX1F.

If using Firefox on same mobile, it returns true.

Android version is 9

EMUI versio 9.1.0

my contact : fuadk@gordano.com

or fuadks@gmail.com

Regards

Fuad

As a developer, I want to be able to add paragraphs with empty content and not have it stripped, so that I can add custom functionality, like icons.

I want to be able to control if the paragraph's content should be stripped or have the editor allow empty elements when they have classes.

Currently, if I add markup similar to a font awesome icon or some custom icon in a paragraph, there is a function, _fillEmptyElements, that strips the content of the paragraph:

Input:

<p> <i class="fa fa-check" style="color: green;"></i> </p>

or

<p>&nbsp;<span class="customicon icon-iconname"></span>&nbsp;</p>

On save, the paragraph's content is stripped to:

<p>&nbsp;</p>

As a workaround, I can add dummy text in the paragraph:

https://dojo.telerik.com/oHIpusIL

HY, 

 i need a or advanced and user friendly tablet edit and format (for example: cell context menu for formatting, multi cell select for formatting and merge, and so on )

( i want replace all external editor in my application for the Kendo Editor, but i need more user friendly table and image format/edit functionality, some like the other WYSIWYG  editor (ChkEditor, TinyMCE,...) )

 Nice feature will we the document format with text flow ( like google docs), so i can do a document in a A4 page size  and flow text over the pages.

Thanks

Hi, 

Every widget that supports control of visibility configuration uses "VISIBLE", but when using MVVM to control HTML objects it is: data-bind = "invisible: someThing" .  This IMHO is inconsistent, counterintuitive, and adds complication.  If you are controlling the visibility of a mix of Kendo and HTML objects on the same bit of data, you need to duplicate it with a negated version or resort needlessly to templating logic.  Maybe I'm missing something but this seems like a no-brainer.

Thanks,

Will Dougherty 

Bug report

Reported for iPad Air 2, tested and reproduced on iPad Pro 2020 12.9' iOS 13.5.1.

Reproduction of the problem

Dojo example.

1. The result of kendo.support.mobileOS is displayed with an alert.

Current behavior

mobileOS returns false.

Expected/desired behavior

mobileOS returns an object with information about the mobile OS, device and browser.

Environment

• Kendo UI version: 2020.2.617
• jQuery version: x.y
• Browser: [ iOS XX Safari | iOS Firefox ]

Hi.

I make kendo grid which has pageable: {pageSizes: true, pageSize: 10} options.

After $("#grid").data("kendoGrid").setDataSource(dataSource), pageSize is changed NaN.

even setOptions() is not working.

$("#grid").data("kendoGrid").setOptions({
				pageable: {
					pageSizes: true,
					pageSize: 10,
				}
		    });

This is sample code.

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

    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2020.2.617/styles/kendo.default-v2.min.css"/>

    <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2020.2.617/js/kendo.all.min.js"></script>
</head>
<body>
  
<div id="grid"></div>
<script>
  let dataSource =new kendo.data.DataSource({data:[{ productName: "Tea", category: "Beverages" }]});
$("#grid").kendoGrid({
  columns: [
    { field: "productName" },
    { field: "category" }
  ],
  dataSource: [
    { productName: "Tea", category: "Beverages" },
    { productName: "Coffee", category: "Beverages" },
    { productName: "Ham", category: "Food" },
    { productName: "Bread", category: "Food" }
   
  ],
  pageable: {
					pageSizes: true,
					pageSize: 10,
				},
});
  
$("#grid").data("kendoGrid").setDataSource(dataSource);
$("#grid").data("kendoGrid").setOptions({
				pageable: {
					pageSizes: true,
					pageSize: 10,
				}
		    });
</script>
</body>
</html>

Bug report

There is no definition of type in the WorkbookSheetRow definition (line 21897 in kendo.all.d.ts):

interface WorkbookSheetRow {
	cells?: WorkbookSheetRowCell[];
	index?: number;
	height?: number;
}

The values of the sheets.rows.type: https://docs.telerik.com/kendo-ui/api/javascript/ooxml/workbook/configuration/sheets.rows.type

Reproduction of the problem

Current behavior

Expected/desired behavior

Environment

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

Bug report

The kendo.culture.nb-NO.min.js file contains some unwanted characters: "Â".

Reproduction of the problem

See Ticket ID: 1486493 for more details.

The unminified file looks correctly: https://github.com/telerik/kendo-ui-core/blob/master/src/cultures/kendo.culture.nb-NO.js

Current behavior

Expected/desired behavior

Environment

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

Prerequisites: Chrome browser, Outlook 2016 or 365

Steps to Replicate

From Outlook, click to hold down on an email. Drag and drop it to the upload area.

Expected Behavior: The e-mail is copied to the upload widget and uploaded.

Actual Behavior: E-mail is deleted from the folder it existed in and moved to "Deleted Items". If it was copied from "Deleted Items", it is permanently deleted.

Notes:

This does not work in Firefox or Safari--it appears a new version of Chrome enabled the "drag-and-drop from emails" feature. Drag and drop from the other two browsers simply does nothing.

There is already technology to provide a "copy" option for drag-and-drop implementations from emails. (https://answers.microsoft.com/en-us/msoffice/forum/all/drag-and-drop-works-however-deletes-email-can-we/865f60c3-7980-4465-8a19-4d60b0ae5aba?page=2)

Telerik has stated that they "do not support" this feature (source: https://www.telerik.com/forums/drag-and-drop-outlook-email) I would like this feature to be supported.

1. Create a table

2. Add a caption

3. Select caption and format it to be a heading (h1, h2..)

4. Note that the layout becomes distorted.

It is expected that the heading element will be wrapped in the caption element, which is valid html5 according to w3 validator

http://validator.w3.org/#validate_by_input

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <table style="width:1177px;"><caption><h2>Text</h2></caption><tbody><tr style="height:21px;"><td style="width:382.812px;">a</td>
        <td style="width:382.812px;">a</td>
        <td style="width:381.812px;">a</td>
        </tr>
        <tr style="height:21px;"><td style="width:382.812px;">a</td>
        <td style="width:382.812px;">a</td>
        <td style="width:381.812px;">a</td>
        </tr>
        </tbody></table>
        <p>&nbsp;</p>
</body>
</html>