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]

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>

If we have a upload control with simple validation on allowed extensions and upload 50 files, the "k-upload-status" element prematurely gets set to "Done" once it finds a file type that is not allowed.  If a user is not paying attention they could think that the upload is complete.  It seems silly to mark an entire queue of files as "Done" after the first failure while uploading multiple items and while items are still uploading.  While the upload may technically be "done" it really failed and should say "Partially done" or some other message than "Done".

Also, placing an exclamation icon next to done is not very clear when an file does legitimately fail.  The icon needs to be more prevalent and have a tooltip to describe it further.  Most of my users in production have not noticed the icon and have thought that the upload completed.  This is especially a problem if a user is uploading thousands of files and does not scroll down during/after upload.

It would help a lot if we could prepopulate the kendoUpload field file list also in synchronous mode.

Filter just certain types of files by extension (.csv, .doc, .jpg, etc.).

When we upload files with the Kendo Upload, it would be nice to upload them sequentially, in separate requests

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

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!

Scenario: Imagine you implemented upload widget within grid and it can upload multiple files. After you upload, you realize you need to delete one of the uploaded file. Currently you cannot choose to delete either of the uploaded multiple files in edit mode. It would be nice to display preuploaded files in upload widget when the grid is in edit mode, so that user can delete the files that are not necessary anymore.

The Upload widget would be vastly more useful if it could upload with the  PUT as this would enable direct to S3 or GCS PUTs.

currently i can retrieve lastmodifieddate by using onUpload() event, but i cannot retrieve creation date. i hope kendo can update the kendo upload that can provide creationdate.

Incorporate some mechanism which will allow us to handle situations where a file is uploaded, yet the target folder already has a file with the same name.  i.e. An event that is fired we can trap which will allow us to rename the file, then save it.