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]

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

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]

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

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]

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]

Currently, the DropZone is always rendered around the Telerik UI Upload widget and there is no built-in option that can be used in order to not render the DropZone. 

In order to hide the DropZone, the following is required:

<style>
     #wrapper {
       display: inline-block;
     }

     .k-upload {
       border-width: 0;
     }

     .k-upload .k-dropzone {
       padding: 0;
     }

     .k-upload-status-total {
       display: none;
     }
   </style>
<script>
    $(document).ready(function() {
      //Removing the "Drop files here message"
      $("#files").closest(".k-upload").find(".k-dropzone em").remove();
    });
  </script>

However, if Boostrap is used, additional steps are needed - all the necessary classes should be returned accordingly:

<script>
  $("#files").ready(function(){
       $("#files").closest(".k-dropzone").removeClass("k-dropzone").addClass("form-control").addClass("col-md-3");
   });
</script>

Hi Team,

I would like to request a built-in event which would fire when any validation fails within the Kendo UI Upload.  

Thank you!

Hi Team, 

I would like to request the functionality to remove the Drag and Drop upload configuration using the built-in API of the Kendo UI Upload. 

Thank you!

Hello,

It appears that the Upload control is not including the header: X-Requested-With when using it in Async mode. Omitting this header is a departure from the way the other controls behave in asnyc mode. It's inconsistent and leads developers to not be able to rely on features/behaviors of the supplied the controls.

Please consider adding this header as it will bring this control functionally in-line with the behavior of other controls running in async mode.

Thanks,

Mike

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]

With the upload contronl when I select many items at one time it create un bunch of files can be upload in same batch. But when I select many files in different selection the control create bunch for every selection. For validation purpose I need to get all files in a single upload, but I cant control how the user select his files.

Actual                                                                           Expected

Hi!

We would like to be able to copy an image from the clipboard for the kendo file upload.

An example of the feature is depicted by this service : https://pasteboard.co/

I see this as a way to setup the paste event to be captured by the component.
This feature could be used in the jQuery or angular version alike.

Thanks!

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

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]