Bug report

When you drag a file outside of the page on which the Upload is placed, the dropzone message disappears

Reproduction of the problem

1. Open the Upload demos - https://demos.telerik.com/kendo-ui/upload/async
2. Drag a file over the dropzone, and then outside the page, e.g. on another screen or over the address bar

Current behavior

The dropzone message will disappear, even when you stop dragging the file

Expected/desired behavior

The dropzone message should remain visible

Environment

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

Bug report

The Upload popup is not opened if you click near the button's border

Reproduction of the problem

1. Open this Dojo example - https://dojo.telerik.com/uSedeSUq/7
2. Click the button as close to the border as possible

Current behavior

The select popup does not open

Expected/desired behavior

The select popup should open

Environment

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

Bug report

When the 'Select files' button and the 'Submit' button are rendered close to each other and the 'Submit' button is clicked the 'Select files' popup is opened. Thus, the selected file could not be submitted. The issue appears on IOS in Safari and Chrome.

Reproduction of the problem

1. Open the Dojo linked here on iOS device
2. Click the 'Submit' button

Current behavior

The 'Select files' popup is opened.

Expected/desired behavior

In case there are selected files when the submit button is clicked, the files should be submitted. The 'Select files' popup should not be opened.

The issue is a regression starting with 2023 R1 SP1 (2023.1.314) version

Environment

• Kendo UI version: 2023.1.42
• Browser: [ iOS XX Safari | iOS Chrome ]

Bug report

If you destroy the Upload after uploading a file, a JS error occurs in the console.

Reproduction of the problem

1. Open this example - https://dojo.telerik.com/IVEfeMID/11
2. Upload a file

Current behavior

An error is thrown after destroying the component

Expected/desired behavior

No errors should be thrown

Environment

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

Bug report

In an Upload configured with batch:true, if you select multiple files, the file icon is missing.

Regression introduced with 2023.2.606

Workaround - https://dojo.telerik.com/UpivAJUs/5

Reproduction of the problem

1. Open this Dojo example - https://dojo.telerik.com/UpivAJUs/3
2. Select at least two files at once

Current behavior

The file icon in the file list is missing

Expected/desired behavior

There should be a file icon in the file list

Environment

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

Describe the bug

The upload button is not clickable on Mac in Safari

Workaround - http://dojo.telerik.com/egUMImEp/3

To reproduce
Steps to reproduce the behavior:

1. Open this Dojo example on Mac in Safari - https://dojo.telerik.com/iRiVEYUS
2. Select a file
3. Try to click the Upload button

Expected behavior

The upload button should be clickable

Affected package (please remove the unneeded items)

• theme-default
• theme-bootstrap
• theme-material
• theme-tasks

Affected suites (please remove the unneeded items)

• Kendo UI for jQuery

Affected browsers (please remove the unneeded items)

• Safari

Build system information (please remove the unneeded items)

• OS: Mac

Bug report

When a user clicks the Kendo UI Upload's "select files" button in Firefox, they will need to click twice.

Reproduction of the problem

1. Please visit this Kendo UI Upload Live Demo with FireFox,.
2. Click the select button, and click again.

Expected/desired behavior

The first click should trigger the menu to open for uploading files.

Environment

• Kendo UI version: 2022.3.1109
• jQuery version: All Supported Versions
• Browser: Firefox 108.0

Bug report

Scenario 1: When you first select an invalid file and then a valid one, the upload button appears but does nothing.

Scenario 2: When you select a valid file and then an invalid one, if you hit the upload button, the widget will try to upload the invalid one and produce a server error.

Reproduction of the problem

Scenario 1

1. Open this demo - https://demos.telerik.com/kendo-ui/upload/index
2. Select a .PNG or another invalid file.
3. Select a PDF ( or another valid file)

Scenario 2

1. Open this Demo - https://demos.telerik.com/kendo-ui/upload/index
2. Select a PDF ( or another valid file)
3. Select a PNG ( or another invalid file)
4. Press Upload button

Current behavior

Scenario 1
The Button appears but does nothing

Scenario 2
The widget attempts to Upload the invalid file and produces an error

Expected/desired behavior

Upload of invalid files shouldn't occur and no errors should be thrown;
A non-responding Upload button shouldn't appear.

Environment

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

Hello

 

on https://demos.telerik.com/kendo-ui/upload/async

 

In the area also available for

Also available for:

 

• ASP.NET MVC
 
• ASP.NET Core

 

the .net core link is broken

https://demos.telerik.com/aspnet-core/upload/async

 

If you go there directly the link is

https://demos.telerik.com/aspnet-core/upload/asyncupload

 

Bug report

There are no configuration options dedicated to localizing the text in the arial-label attribute of these buttons. We localize other buttons, such as the "remove" and "cancel" buttons.

Reproduction of the problem

Dojo example.

1. Select a bigger file, which will allow the "pause" and "resume" buttons to appear.

Current behavior

The aria-label value is in English.

Expected/desired behavior

The aria-label value is localized.

Environment

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

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

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]

Bug report

The getFiles method does not return correct results when used in the success event. If you upload a file, the method in the success event will return an array with one item. If you remove a file, the same would return again an array with one item.

Reproduction of the problem

1. Open this Dojo example.
2. Upload a file and open the console.
3. Remove the file.

Current behavior

GetFiles returns an array with one item after removing the file from the list.

Expected/desired behavior

The method should return an empty array.

Environment

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

Bug report

The complete event is triggered after each file upload if chunkSize is set.

Reproduction of the problem

1. Open this Dojo example.
2. Select at least two files to be uploaded.

Current behavior

The complete event is triggered for each file after the uploading is done.

Expected/desired behavior

The complete event should trigger only once when the upload process for all files is completed.

Workaround in this Dojo example

Environment

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

Reproduction of the Problem:

Dojo: http://dojo.telerik.com/@grabbi/ayiQOGoT

• Select multiple files in Upload-Widget with not allowed extensions or filesize greater then allowed
• Remove one File from the list (not the last one)
• Then the upload of the next file starts

This behaivior only occures when Chunk Upload is selected and some kind of validation is activated too.

Expected behaivior:

When Removing a file the file is just removed from the list and no upload ist starting.

Code:

 

<input name="file" id="file" type="file" />

<script>

    $(document).ready(function () {

        $("#file").kendoUpload({
            async: {
                withCredentials: false,
                saveUrl: "save",
                chunkSize: 2000000,
                saveField: "files",
                autoUpload: false
            },
            validation: {
                maxFileSize: 500
            }
        });
    });

</script>

If I read https://docs.telerik.com/kendo-ui/AngularJS/introduction I find “Setting Handlers through k-on Attribute” which suggests that I should be able to write `k-on-` prior to any of the events documented at https://docs.telerik.com/kendo-ui/api/javascript/ui/upload#events and automatically run under `$apply()` or `$applyAsync()`. However, when I try that, my event handler doesn’t even run at all.

I think this is an oversight.

I can reproduce this in https://dojo.telerik.com/ocESevUS which is generated from the link at https://demos.telerik.com/kendo-ui/upload/angular which uses AngularJS v1.7.2 and Kendo UI v2018.3.1017.