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>

There is an issue with LESS Fiori Theme on the Last release of Kendo UI Scheduler. The issue can be observed in the demos:

• https://demos.telerik.com/kendo-ui/scheduler/basic-usage?autoRun=true&theme=fiori

I'm trying to use the workDays option to only show Saturday and Sunday in the workWeek view (this is for a weekend working rota -- I don't want to show Mon - Fri):

{ type: "workWeek", selected: true, workDays: [6,0] },

However, only Saturday is being displayed.

Note, I'm using a custom culture that sets the first day of the week to Saturday, but the same problem occurs when using the standard en-GB culture.

Bug report

Horizontal and vertical lines appear in the merged Spreadsheet cells when they are disabled.

** Possible workaround could be to apply the following CSS:

      #spreadsheet > div.k-spreadsheet-view > div.k-spreadsheet-fixed-container > div.k-spreadsheet-pane > div.k-spreadsheet-data > div.k-state-disabled {
        opacity: 1;
        color: #a3a3a3;
      }

Reproduction of the problem

1. Open this Dojo and run it
2. There are is a horizontal line above the cell with text "Merged DISABLED cell and there is a horizontal line above". There is a vertical line inside the cell with text "Two cells are merged horizontally and the result cell is disabled. There is a vertical line that should not appear"

Current behavior

When Spreadsheet cells are merged and the result cell is disabled, there are horizontal or vertical lines that appear inside the merged cell.

Expected/desired behavior

No lines should appear inside the merged cells, no matter if they are enabled or disabled.

Environment

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