Description

Image is not uploaded in 2 scenarios on Chrome for Android 16.

Steps To Reproduce

On a device with Android go to https://demos.telerik.com/blazor-ui/upload/validation

Case 1:

1. Tap on the "Select files..." button in the Upload Image TelerikUpload
2. Choose Camera and take a photo.
3. Choose Retry and take another photo.
4. Tap Ok

Case 2:

1. Tap on the "Select files..." button in the Upload Image TelerikUpload
2. Choose "Photos and Videos".
3. Preview the image
4. From the image preview, go back to the list of images and select the image you've just previewed

Actual Behavior

In both cases the image is not uploaded.

Expected Behavior

The image is uploaded

Browser

Chrome

Last working version of Telerik UI for Blazor (if regression)

No response

Description

File data is not available in the Upload's OnSuccess event.

Regression in version 9.0.0 introduced with the addition of the chunk upload functionality.

https://github.com/telerik/blazor/blob/master/js/telerik-blazor/src/upload/upload.ts#L282-L288

Steps To Reproduce

1. Attach a handler to the OnSuccess event:

<TelerikUpload SaveUrl="/api/upload/save"
               RemoveUrl="/api/upload/remove"
               OnSuccess="@OnSuccessHandler" />

@code {
    async Task OnSuccessHandler(UploadSuccessEventArgs e)
    {
        foreach (var file in e.Files)
        {
            Console.WriteLine($"Name = {file.Name}, Size = {file.Size}, Extension = {file.Extension}");
        }

        StateHasChanged();
    }
}

2. Upload a file and try to access its Name, Size, and Extension properties in the event handler.

Actual Behavior

The properties have their default values (null for Name and Extension and 0 for Size).

Expected Behavior

The actual file data is accessible in the OnSuccess event handler.

Browser

All

Last working version of Telerik UI for Blazor (if regression)

8.1.1

accessibility issue - upload is not notifying files are chosen

Impacts screen reader users

[WCAG 1.3.1 level A] [WCAG 4.1.3 level AA]

tested using NVDA on chrome browser

input (type="file") status always reads as 'no file chosen' when one or more files have been chosen (correct when no files are chosen). 

on choosing a file to upload (so no file chosen yet), screen reader advises; web page title, chrome, page contents, file input status (same behaviour as default html 5 file input). On choosing a file a default browser html 5 file input will advise a file has been chosen. The list shown below the Telerik component is not known to a screen reader user

Accessibility issue

impacts keyboard user

[WCAG 2.1.1 level A]

tested using NVDA on chrome browser

the ability to remove, review, & navigate (with direction keys) each item chosen for upload is not directly accessible via a keyboard, To overcome this the user needs a screen reader to read line by line.  
At least, a screen reader user can do the following inside the list:

• be advised (when forcefully reading line by line); how many items in list, filename, file is incorrect or file size, (optional) reload button, and remove button.
• use 'del' key to remove an item. 

The upload status hangs on "Uploading..." if the Upload component is hosted in a Dialog and the OnSuccess event is used.

<AdminEdit>

As a workaround, you can host the Upload in a Window, where this issue is not present

</AdminEdit>

In version 2.9.0 of the library there are two small spelling issues:

Scheduler_Recurrence_Editor_Frequencies_Monthly: Montly //Montly is written without "h"
Upload_InvalidMinFileSize: File size too small //Missing dot after the message (E.g. Upload_InvalidMaxFileSize has an ending dot).

Best regards,

Christian