Is it possible to drop files in File Upload to a MAUI Blazor app?

[Marius Fjeldet]

I have created a new MAUI Blazor App from the default template in Visual Studio, and set up Syncfusion and SfUploader. The Browse button works fine, but it is not possible to drop any files where it says "Or drop files here". Is it possible to get this to work?

My code is from the documentation:

<SfUploader AutoUpload="true">

      <UploaderEvents ValueChange="@OnChange" />

</SfUploader>

PS: To elaborate on what I am experiencing; when I drag a file from an open window and into my app, the file has this "forbidden" icon on it, as if its not possible to drop it here. Its the same for when I enter the "Or drop files here" area. I am on Windows.

[Kokila Poovendran]

Hi Marius Fjeldet,


Thank you for reaching out to us.

We understand that you're experiencing difficulties with dropping files into the SfUploader component in your MAUI Blazor app. We're here to assist you in resolving this issue.

Upon reviewing your code snippet and attempting to replicate the problem, we couldn't reproduce the issue at our end. However, we're committed to ensuring that you receive the necessary support to address this matter effectively.

To better assist you, could you please provide additional details about the problem? Specifically, we would appreciate it if you could provide:

More information about the behavior you're experiencing when attempting to drop files into the SfUploader component.

Any error messages or warnings you're encountering.

• A complete runnable sample that replicates the issue at your end.
• If possible, please share a video illustration of the issue.

By providing this information, we'll be able to investigate the problem further and offer you a more tailored solution to resolve it.

We apologize for any inconvenience caused and appreciate your cooperation in helping us address this issue.

Best Regards,

Kokila Poovendran

[Marius Fjeldet]

Hi, 
Thanks for helping me :) Im glad to hear you are not experiencing this - maybe it is just a silly detail on my end. Although I have tested this on 2 computers, which acts the same.

I weren't able to turn my recording into a valid format to upload, but here is a screenshot of me trying to drop "droptest.txt" into the component. I used a frame where the file and icon is fully visible, but it looks the same if I have the cursor over the drop area too. 

There are no error messages. When I release the file, nothing happens. As the icon suggests, it appears to not be a valid place to drop the file. 

I have set up a repo which is intended to contain a pretty clean MAUI project for Windows, which contains the SfUploader on the very first page that is opened:
rusfield/SyncfusionSupport at sfuploader-dragdrop (github.com)

I have had some issues with MAUI in the past on new projects, so I hope it runs for you.

PS: No license is present in this new repo, I hope that is not causing any issues. I have the same problem in my licensed project. 

[Kokila Poovendran]

Hi Marius Fjeldet,

Thank you for reaching out and bringing this to our attention. We understand the frustration you must be experiencing and apologize for any inconvenience caused.

After conducting tests on our end, we were able to replicate the issue you described. It appears to be a common issue within the MAUI platform, affecting the functionality of the uploader component as well as native inputs.

For your reference, the same behavior has been reported on GitHub. You can track the progress of this issue via the following link: GitHub Query.

We appreciate your patience and understanding as we work to address this matter. If you encounter any other issues or have further questions, please don't hesitate to let us know. We're here to assist you.

Thanks for your understanding that the issue is not related to the uploader component. If you have any other issue please let us know. 

[Marius Fjeldet]

Hi again,
Thanks for the link. I understand MAUI Blazor Hybrid has its own quirks out of your hands. I will wait for their fix.

I actually have one more problem with the SfUploader, that I want to bring to your attention. Maybe it is also because of MAUI Blazor... 

Use the same repository as above, then open the file picker. Leave the file picker open for a while (a couple of minutes). If the issue is reproduced correctly, this will happen:

I have only tried this repo on one computer, but while working on my main project on a different computer, I did experience the same issue as well. It happened much faster there (almost instantly), so at first since it works in my isolated SfUploader repo above, I figured it was something in my project. But give it a little time, and it seems to crash regardless.

I have made my own custom file picker, so I am not in desperate need for a fix. But I would prefer to use Syncfusion components if I can, to make my custom codebase smaller. 

[UdhayaKumar Duraisamy]

Hi Marius,

We have validated the reported scenario with the native Blazor inputFile component and observed the same issue. Therefore, the issue is not related to the Syncfusion Uploader component. Please refer to the provided GitHub issue link for more details.

GitHub Link: https://github.com/dotnet/maui/issues/15224

Regards,

Udhaya Kumar D