Drag&Drop Media upload not working on linux

[Fric-88]

Which Umbraco version are you using? (Please write the exact version, example: 10.1.0)

14.3.1

Bug summary

When dragging and dropping files into a folder in a Media section, files don't start uploading. This is happening in linux mint, did not test other distros.

Specifics

No response

Steps to reproduce

Drag any file into a folder in Media section.

Expected result / actual result

No response

---

This item has been added to our backlog AB#45031

[github-actions[bot]]

Hi there @frytzl!

Firstly, a big thank you for raising this issue. Every piece of feedback we receive helps us to make Umbraco better.

We really appreciate your patience while we wait for our team to have a look at this but we wanted to let you know that we see this and share with you the plan for what comes next.

• We'll assess whether this issue relates to something that has already been fixed in a later version of the release that it has been raised for.
• If it's a bug, is it related to a release that we are actively supporting or is it related to a release that's in the end-of-life or security-only phase?
• We'll replicate the issue to ensure that the problem is as described.
• We'll decide whether the behavior is an issue or if the behavior is intended.

We wish we could work with everyone directly and assess your issue immediately but we're in the fortunate position of having lots of contributions to work with and only a few humans who are able to do it. We are making progress though and in the meantime, we will keep you in the loop and let you know when we have any questions.

Thanks, from your friendly Umbraco GitHub bot :robot: :slightly_smiling_face:

[iOvergaard]

Hi @frytzl, thanks for reporting this. Could I ask you to include some more details about the error, you are seeing such as:

• Which HTTP status code did you get?
• Is there anything returned from the server if you inspect the request in the Network tab in DevTools?

Would you be willing to copy the System Information into this issue?

https://github.com/user-attachments/assets/d1a2f850-72a5-426d-a7d6-660bbfa5fd5e

[Fric-88]

@iOvergaard see information down, there is not much to go on regarding response.

Umbraco system information
--------------------------------
Server OS: Linux Mint 22
Server Framework: .NET 8.0.10
Default Language: en-US
Umbraco Version: 14.3.1
Current Culture: en-US
Current UI Culture: en-US
Current Webserver: Kestrel
Models Builder Mode: InMemoryAuto
Runtime Mode: BackofficeDevelopment
Debug Mode: True
Database Provider: Microsoft.Data.SqlClient
Current Server Role: Single
Umbraco build version: 14.3.1+4cfe498
Server time offset: 01:00:00
Runtime mode: BackofficeDevelopment
Browser (user agent): Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36
Browser language: en-US
Browser location: https://127.0.0.1:4000/umbraco/section/content/dashboard/dashboardTabsContentIntro

The whole Drag&Drop action produces four requests:

Server is not returning anything.

I hope this helps.

[iOvergaard]

Thanks, @frytzl. What kind of file are you trying to upload/which extension does it have? Are there any interesting things in the server log relating to the event, either in the standard output or Settings - Log Viewer?

[Fric-88]

No problem @iOvergaard Im uploading image files .jpg .png ... There are actually no server logs about upload event. I doubt request is even reaching the server. I think there might be an issue in the backoffice when creating request, possibly something to do with how linux handles paths.

[Fric-88]

Sidenote: I've cloned my repo on a Windows machine and it works as expected.

[iOvergaard]

I agree it could be a path issue, @frytzl. Since the request never reaches the server, it seems like an issue in the way we potentially handle the file blobs in the client, and by the looks of it, you are also accessing the Backoffice through a browser running on Linux. We'll look more into it. Thank you for all the information so far!

[iOvergaard]

I have been testing this out on Linux. Unfortunately, I couldn't find an ARM image for Mint but I was able to test it out in Chromium and Firefox on Linux openSuse with gnome. Well, the dragover UI does not show up at all on Chromium. I cannot find the correct security settings to allow that. I also cannot install Chrome itself - only Chromium.

Umbraco 10-13:

• Media Library on Chromium: The dropzone UI does not work (probably due to security settings)
• Media Library on Firefox: Everything works as expected

Umbraco 14-15:

• Media Library on Chromium: The dropzone UI does not show up at all (probably due to security settings in the browser)
• Rich text editors on Chromium: No dragover, but copy/paste of images works
• Media Library + rich text editors on Firefox: Everything works as expected

Firefox seems to work much better than Chromium, but it would be good to test this out on Chromium/Chrome on a different OS. I just have to find something that will run in Virtualbox on the ARM architecture.

[Fric-88]

I've made couple of tests with Umbraco 14 on my maschine running Linux Mint. Tried to install Chrome package from the official google site but some dependency was missing. I really do not have time to go into that rabbit hole since i dont need Chrome on my pc otherwise.

But! I've tested it on Edge and Brave which are also chromium based.

Results:

Edge & Brave Same results in both, Dropzone UI shows, upload is not working. Error message like in the original post in both browsers.

Firefox: Dropzone UI is not showing, upload also not working. Interesting thing is that firefox shows following message:

Not sure why is there a dot at the end of the filename?

[iOvergaard]

This is potentially fixed with #18113, but we must verify again on different Linux distros.

[iOvergaard]

Happy to report that drag & drop seems to be working on Linux Mint (tested with XFCE and Brave) both inside and outside folders:

The same applies to Firefox:

https://github.com/user-attachments/assets/9addb43f-ad5e-43b1-af3f-265ca4f8dafd

[iOvergaard]

The fix will be available with Umbraco 15.3.0, which is due for a Release Candidate in three weeks.