The commonly understood semantics for radio buttons is that the selected radio button is filled on the inside (e.g. with a foreground color). The new styling does not fill the inside, and as such is a bit more confusing. I had to do a double-take at first, even though I had developed the screen I was looking at. It's important for a design to use standard and shared understandings that immediately communicate with the user.

Change the style back to a filled in circle, and for the Bootstrap 3 theme in particular please change it back to match Bootstrap 3.

Bug report

When we have a scenario with the Upload component configured with a chunk upload configuration, we cannot upload a file that contains an apostrophe in its name.

• The reported issue is not reproducing when the Upload is used inside a form or when it is configured to work in Asynchronous mode.
• The reported issue is also no reproducing when we try to upload a file that contains the ( ` ) symbol. It is replicated only when the apostrophe is in the filename

Reproduction of the problem

1. Open this demo
2. Upload the Dr's notes.pdf file from the below archive
   TestFiles.zip

Current behavior

The selected for upload file is not being uploaded.

** If the above scenario is tested in an MVC project, the error returned from the server is "A potentially dangerous Request.Form value was detected from the client". Below you will find a test project:
ChunkUpload.zip

Expected/desired behavior

The files selected for upload should not have any issues with their uploading, no matter if there is an apostrophe in their name or not.

Environment

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

Bug report

Clicking inside the content of a modal Window with an iframe and then closing the Window does not remove the k-state-focused class from the Window wrapper.

Reproduction of the problem

1. Run this dojo
2. Click the Open Window button
3. Click inside to content of the Window
4. Close the Window

Current behavior

The window widget wrapper still has a k-state-focused class:

<div class="k-widget k-window k-state-focused" data-role="draggable" style="visibility: visible; display: none; padding-top: 45px; min-width: 90px; min-height: 50px; z-index: 10004; transform: scale(0.7);">
...
</div>

Expected/desired behavior

k-state-focused class should be removed upon closing of the Window

Environment

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

Bug report

In some of the SASS themes when a file is uploaded, 'Cancel' and 'Upload' buttons are not marked as focused when navigating through Tab key

Reproduction of the problem

1. Open the Upload Overview Demo
2. Select one of the following themes - Fiori, Flat, Metro, Metro Black, Nova, Office 365
3. Upload a file
4. Navigate by using the Tab key

Current behavior

The 'Upload' and 'Cancel' buttons are not styled as focused

Expected/desired behavior

The 'Upload' and 'Cancel' buttons should be styled as focused

Environment

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

Create Grid with scrollable, resizable, navigable settings set to true in RTL (Chrome Version 85.0.4183.121 (Official Build) (64-bit))

• If scroll exists, resize in column will not work
• after scrolling the scroll to left, when try to edit inline cell in left side, scroll eventually go back to the scroll start position(in the right) and cell is closed for edit(have no option to edit grid with big amount of columns)
• after scrolling the scroll to left, mouse hover to column header removes all column headers, the headers appears after moving the scroll to the start position 

Link to Dojo:

https://dojo.telerik.com/IZInOVUd/4

 

video:

https://drive.google.com/file/d/1pQa4UVLcMUg929JgTtKJ1udxIAbWtn0m/view

 

Regards,

Bug report

The Toolbar's overflowAnchor property is missing from the Kendo typing definitions. It is also not available in the Toolbar's API.

Reproduction of the problem

Current behavior

Typing definitions for overflowAnchor are missing.

Expected/desired behavior

The overflowAnchor property should be available for the Toolbar and added to the API as well.

Environment

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

kendo.all.js contains function renderHiddenForМvcCheckbox which has non-latin symbol (cyrillic М) and this causes "Uncaught SyntaxError: Invalid or unexpected token" and as a consequence "Uncaught ReferenceError: kendo is not defined" in some cases.

Bug report

The Scheduler configured with remote dataSource, vertical grouping and with autoBind: false, throws an error "Cannot read property 'firstChild' of undefined" and the Scheduler layout is not rendered. The behavior is a regression introduced with Kendo UI v 2020.1.114

Reproduction of the problem

1. Run this dojo

Expected/desired behavior

No error should be thrown with the above configuration.

Environment

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

Context: my communication with the back-end is wrapped in a library, that handles the xhr requests and if needed, throws a custom exception. My transport is therefore made of functions. The sample below simulates getting an error from that library.

Demo: https://dojo.telerik.com/@GaloisGirl/ayEpOKOQ/2

Actual result:

1. The confirm dialog stays open.
2. The listView is displayed as loading.

 

Bug report

When the dataSource is set with the setDataSource method

Reproduction of the problem

Dojo example.

1. Run the dojo
2. Click the button
3. Focus the first Grid cell. Press and hold the Down Arrow key to navigate through the rows

Current behavior

The scroll position is not updated while scrolling and navigation stops at 10347.

Expected/desired behavior

Scroll position is properly updated and the user can navigate to the end of the page.

Environment

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

Bug report

There is no TypeScript definition for defineFunction and no custom functions can be created in TypeScript context using the approach demonstrated in this Custom functions article.

Reproduction of the problem

Try defining a new function using:
kendo.spreadsheet.defineFunction("Mask",mask).args(maskArgs)

Current behavior

The following error appears:

Propery "defineFunction" does not exist on type 'typeof spreadsheet'

Expected/desired behavior

There shouldn't be any errors

Environment

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

Hi,

Today I noticed a wrong behavior with the dateInput.

After the component is initialized with a predefined value, I can't change day part value, the component does not accept them.

In the next dojo you can see if I try to change directly day value, it marks it as invalid value. I need to change it with arrow keys before to accept any value.

https://dojo.telerik.com/UlEDizoW

Maybe I'm missing something?

 

Thanks!

Bug report
The new text data binding option does not work correctly.

Reproduction of the problem
https://dojo.telerik.com/ezuYuFIp/7

Current behavior
text binding does not bind the value


Environment
Kendo UI version: 2020.3.915
jQuery version: 1.12.3 / 3.5.1
Browser: all

Bug report

In a Gantt with a custom editor template, an error "Cannot read property 'getTime' of null" is thrown when you try to save a task.

Regression introduced in the latest version, works fine with 2020.2.617.

Reproduction of the problem

1. Open this Dojo example - https://dojo.telerik.com/@martin.tabakov@progress.com/ePohoyoB/15
2. Open the edit popup for a task and try to modify a Date.
3. Hit Save.

Current behavior

An error Cannot read property 'getTime' of null is thrown.

Expected/desired behavior

No errors should be thrown.

Environment

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

Take this Dojo: https://dojo.telerik.com/iCECeXeC

1. Press 'Run'
2. Remove the filter for Contact Title
3. Press 'Save State'
4. Reload page (F5)
5. Press 'Run'
6. Press 'Load State'

Result: The filter for Contact Title is not removed.

 

On the other hand if I do the following:

1. Press 'Run'
2. Change the filter for Contact Title to 'Sales Representative'
3. Press 'Save State'
4. Reload page (F5)
5. Press 'Run'
6. Press 'Load State'

Result: The filter for Contact Title is changed correctly to 'Sales Representative'

 

Why is the first example not working? Is this intended behaviour or a bug? Is there a workaround?

 

Kind regards.

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

Reproduction of the problem

Reproducible in the demos.

1. Select the Images folder in the treeview
2. Right click the Images folder and rename it

Current behavior

The breadcrumb does not update with the new folder name. Note that if you select another folder (e.g. Documents) after renaming Images and navigate back to the renamed folder the breadcrumb properly displays its new name.

Expected/desired behavior

The change in the folder name is reflected in the breadcrumb.

Environment

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

Hi all,

The following occurs to me when I have culture enabled. It seems a bug in the Scheduler end-date datepicker (editor popup, recurrence end-date) for at least in Firefox & Kendo 2020.2.617 (and higher versions).

When I want to end a recurrence by filling the end-date... the dates are missing. As you can see in the screenshot and link: https://dojo.telerik.com/OfIVozUY/2

How to fix this?

Thx in advance!

With kind regards,
Marlon

 

 

Bug report

Regression introduced in 2019.2.619.
Related commit: telerik/kendo@2a806f6#diff-f810c335b76ea2e4d78327457f230a46L3882-R3882

Reproduction of the problem

Dojo example.

1. Add a new record.
2. Click "Update" in the editor.

Current behavior

The following validation message is displayed: ! name

Expected/desired behavior

The validation message should be: ! name is required

Environment

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

I was able to duplicate an issue I found when we upgraded to the latest Kendo UI for jQuery release. The DatePicker is not working correctly when the kendo namespace, kendo.ns, is set. I was able to duplicate it using the MVVM demo example for DatePicker. The month is no longer displayed and clicking on the Month to zoom out in time stops working as well. I have not checked what other functionality is not working. I do know the parsing is working properly as well as formatting.

<!DOCTYPE html>
<html>
<head>
    <base href="https://demos.telerik.com/kendo-ui/datepicker/mvvm">
    <style>html { font-size: 14px; font-family: Arial, Helvetica, sans-serif; }</style>
    <title></title>
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2020.2.617/styles/kendo.common.min.css" />
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2020.2.617/styles/kendo.metroblack.min.css" />
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2020.2.617/styles/kendo.metroblack.mobile.min.css" />

    <script src="https://kendo.cdn.telerik.com/2020.2.617/js/jquery.min.js"></script>
    
    
    <script src="https://kendo.cdn.telerik.com/2020.2.617/js/kendo.all.min.js"></script>
    
    

    <link rel="stylesheet" href="../content/shared/styles/examples-offline.css">
    <script src="../content/shared/js/console.js"></script>
  <script>
  // set the kendo namespace so not to collide with other libraries
  kendo.ns = "kendo-";
</script>
</head>
<body>
<div id="example">
    <div class="demo-section k-content">
        <div>
            <h4>Choose a date</h4>
            <input data-kendo-role="datepicker"
                   data-kendo-bind="visible: isVisible,
                              enabled: isEnabled,
                              value: selectedDate,
                              events: { change: onChange }"
                   style="width: 100%">
        </div>
        <div style="padding-top: 2em;">
            <h4>Console</h4>
            <div class="console"></div>
        </div>
    </div>
    <div class="box">
        <div class="box-col">
            <h4>Configuration</h4>
            <div>
                <label><input type="checkbox" data-bind="checked: isEnabled">Enable</label>
            </div>
            <div>
                <label><input type="checkbox" data-bind="checked: isVisible">Visible</label>
            </div>
        </div>
        <div class="box-col">
            <h4>Information</h4>
            Kendo UI DatePicker supports the
            <a href="https://docs.telerik.com/kendo-ui/getting-started/framework/mvvm/bindings/enabled">enabled</a>,
            <a href="https://docs.telerik.com/kendo-ui/getting-started/framework/mvvm/bindings/events">events</a>,
            <a href="https://docs.telerik.com/kendo-ui/getting-started/framework/mvvm/bindings/value">value</a> and
            <a href="https://docs.telerik.com/kendo-ui/getting-started/framework/mvvm/bindings/visible">visible</a> bindings.
        </div>
    </div>
<script>
    var viewModel = kendo.observable({
        selectedDate: null,
        isEnabled: true,
        isVisible: true,
        onChange: function() {
            kendoConsole.log("event :: change (" + kendo.toString(this.get("selectedDate"), "D") + ")");
        }
    });
    kendo.bind($("#example"), viewModel);
</script>
</div>


</body>
</html>