[Bug]: Drag&Drop is broken on NC28rc4 again

[AndyFx12]

⚠️ This issue respects the following points: ⚠️

• This is a bug, not a question or a configuration/webserver/proxy issue.
• This issue is not already reported on Github OR Nextcloud Community Forum (I've searched it).
• Nextcloud Server is up to date. See Maintenance and Release Schedule for supported versions.
• I agree to follow Nextcloud's Code of Conduct.

Bug description

With NC28rc4 I have random success to upload files via Drag&Drop. Sometimes it works fine - in most cases, file/folder will be opened by browser.

Response for a dropped folder:

Steps to reproduce

1. Use Drag&Drop at files-app.

Expected behavior

Upload of dropped files.

Installation method

Community VM appliance

Nextcloud Server version

28

Operating system

Debian/Ubuntu

PHP engine version

PHP 8.2

Web server

Apache (supported)

Database engine version

PostgreSQL

Is this bug present after an update or on a fresh install?

Upgraded to a MAJOR version (ex. 22 to 23)

Are you using the Nextcloud Server Encryption module?

None

What user-backends are you using?

• Default user-backend (database)
• LDAP/ Active Directory
• SSO - SAML
• Other

Configuration report

{
    "system": {
        "debug": false,
        "passwordsalt": "***REMOVED SENSITIVE VALUE***",
        "secret": "***REMOVED SENSITIVE VALUE***",
        "simpleSignUpLink.shown": false,
        "trusted_domains": [
            "cloud.s-t-franz.de",
            "localhost",
            "192.168.1.3",
            "nextcloud"
        ],
        "datadirectory": "***REMOVED SENSITIVE VALUE***",
        "overwrite.cli.url": "https:\/\/192.168.1.3\/nextcloud",
        "overwritehost": "cloud.s-t-franz.de",
        "trusted_proxies": "***REMOVED SENSITIVE VALUE***",
        "dbtype": "pgsql",
        "version": "28.0.0.10",
        "dbname": "***REMOVED SENSITIVE VALUE***",
        "dbhost": "***REMOVED SENSITIVE VALUE***",
        "dbport": "",
        "dbtableprefix": "oc_",
        "dbuser": "***REMOVED SENSITIVE VALUE***",
        "dbpassword": "***REMOVED SENSITIVE VALUE***",
        "installed": true,
        "instanceid": "***REMOVED SENSITIVE VALUE***",
        "mail_smtpmode": "smtp",
        "log_rotate_size": "10485760",
        "memcache.local": "\\OC\\Memcache\\Redis",
        "filelocking.enabled": true,
        "memcache.distributed": "\\OC\\Memcache\\Redis",
        "memcache.locking": "\\OC\\Memcache\\Redis",
        "redis": {
            "host": "***REMOVED SENSITIVE VALUE***",
            "port": 0,
            "timeout": 0.5,
            "dbindex": 0,
            "password": "***REMOVED SENSITIVE VALUE***"
        },
        "htaccess.RewriteBase": "\/",
        "loglevel": "2",
        "log_type": "file",
        "logfile": "\/mnt\/ncdata\/nextcloud.log",
        "logtimezone": "Europe\/Berlin",
        "default_phone_region": "DE",
        "maintenance": false,
        "ldapIgnoreNamingRules": false,
        "ldapProviderFactory": "\\OCA\\User_LDAP\\LDAPProviderFactory",
        "mail_from_address": "***REMOVED SENSITIVE VALUE***",
        "mail_smtpauthtype": "LOGIN",
        "mail_domain": "***REMOVED SENSITIVE VALUE***",
        "mail_smtphost": "***REMOVED SENSITIVE VALUE***",
        "mail_smtpport": "25",
        "mail_smtpstreamoptions": {
            "ssl": {
                "allow_self_signed": true,
                "verify_peer": false,
                "verify_peer_name": false
            }
        },
        "theme": "",
        "updater.release.channel": "beta",
        "app_install_overwrite": [
            "calendar",
            "bruteforcesettings",
            "admin_notifications",
            "onlyoffice",
            "files_trackdownloads",
            "checksum",
            "music",
            "twofactor_totp",
            "twofactor_email",
            "impersonate",
            "previewgenerator"
        ],
        "twofactor_enforced": "true",
        "twofactor_enforced_groups": [],
        "twofactor_enforced_excluded_groups": [],
        "has_rebuilt_cache": true,
        "mail_sendmailmode": "smtp",
        "updater.secret": "***REMOVED SENSITIVE VALUE***"
    }
}

List of activated Apps

Enabled:
  - activity: 2.20.0
  - admin_audit: 1.18.0
  - admin_notifications: 1.0.2
  - bruteforcesettings: 2.8.0
  - checksum: 1.2.2
  - cloud_federation_api: 1.11.0
  - comments: 1.18.0
  - contactsinteraction: 1.9.0
  - dav: 1.29.1
  - federatedfilesharing: 1.18.0
  - federation: 1.18.0
  - files: 2.0.0
  - files_pdfviewer: 2.9.0
  - files_reminders: 1.1.0
  - files_sharing: 1.20.0
  - files_trashbin: 1.18.0
  - files_versions: 1.21.0
  - firstrunwizard: 2.17.0
  - impersonate: 1.15.0
  - integration_openai: 1.1.5
  - logreader: 2.13.0
  - lookup_server_connector: 1.16.0
  - nextcloud_announcements: 1.17.0
  - notifications: 2.16.0
  - oauth2: 1.16.3
  - password_policy: 1.18.0
  - photos: 2.4.0
  - privacy: 1.12.0
  - provisioning_api: 1.18.0
  - recommendations: 2.0.0
  - related_resources: 1.3.0
  - serverinfo: 1.18.0
  - settings: 1.10.0
  - sharebymail: 1.18.0
  - support: 1.11.0
  - survey_client: 1.16.0
  - systemtags: 1.18.0
  - text: 3.9.1
  - theming: 2.3.0
  - twofactor_backupcodes: 1.17.0
  - twofactor_email: 2.7.4
  - twofactor_totp: 10.0.0-beta.2
  - updatenotification: 1.18.0
  - user_ldap: 1.19.0
  - user_status: 1.8.1
  - viewer: 2.2.0
  - workflowengine: 2.10.0
Disabled:
  - circles: 28.0.0-dev (installed 22.1.0)
  - dashboard: 7.8.0 (installed 7.1.0)
  - encryption: 2.16.0
  - files_external: 1.20.0
  - suspicious_login: 6.0.0
  - weather_status: 1.8.0 (installed 1.0.0)

Nextcloud Signing status

No errors found.

Nextcloud Logs

No logs related to this issue.

Additional info

Tested with Firefox 120.0.1 on Windows and Linux. Chromium on Linux has same behaviour.

[sorbaugh]

Had a short chat about this one. @susnux proposed a solution maybe would be to not only use the drag and drop zone but allow dropping on the whole file table.

[AndyXheli]

Same issue NC28.0.0 web ui crash when dragging files into the system via web

[gotton]

I confirm. Same issue here.

I can see different behavior (both firefox) : on windows, the drag and drop doesn't work at all (even in the dedicated area). On mac os x, the drag and drop works in the dedicated zone but doesn't work on the rest of the page.

[francescop75]

Hi,

docker image "latest" has been upgraded to 28, with the broken drag and drop.

Any chance to se a fixed update soon?

[francescop75]

Hi,

I've also noticed that trying 5/6 times, going back when the upload fails and trying again, there is a chance that sometimes both files and folders are correctly uploaded, but only when using the top "drag and drop" box.

[skjnldsv]

For anyone hitting this, please share:

• The number of files you were dragging
• The type (is there any folder in the selection)
• Your browser logs. Open your console, reload your page and/or do the action leading to this issue and copy/paste the log in this thread.

How to access your browser console (Click to expand)

Chrome

• Press either CTRL + SHIFT + J to open the “console” tab of the Developer Tools.
• Alternative method:
  1. Press either CTRL + SHIFT + I or F12 to open the Developer Tools.
  2. Click the “console” tab.

Safari

• Press CMD + ALT + I to open the Web Inspector.
• See Chrome’s step 2. (Chrome and Safari have pretty much identical dev tools.)

Firefox

• Press CTRL + SHIFT + K to open the Web console (COMMAND + SHIFT + K on Macs).
• or, if Firebug is installed (recommended):
  1. Press F12 to open Firebug.
  2. Click on the “console” tab.

Opera

1. Press CTRL + SHIFT + I to open Dragonfly.
2. Click on the “console” tab.

[Di3s3l]

Hi,
Sorry i'm not able to provide browser log, but i have same problem since my docker installation upgraded automatically. Previus version was ok, 28.0.0 opens the drag&drop files\folders as new windows view with firefox\chrome\edge.

[FelixRichter23]

-tried uploading one file named test.rtf

My js console logs:

circles.files.list.js?v=89211598-0:42 Uncaught TypeError: Cannot read properties of undefined (reading 'prototype')
    at circles.files.list.js?v=89211598-0:42:55
    at circles.files.list.js?v=89211598-0:306:3
(anonymous) @ circles.files.list.js?v=89211598-0:42
(anonymous) @ circles.files.list.js?v=89211598-0:306
ConsoleLogger.js:71 [WARN] viewer: Some mimes were ignored because they are not enabled in the server previews config {app: 'viewer', uid: 'Admin', level: 2, ignoredMimes: Array(4)}
value @ ConsoleLogger.js:71
value @ ConsoleLogger.js:95
(anonymous) @ images.js:72
(anonymous) @ main.js:81
(anonymous) @ main.js:81
session-heartbeat.js:103 session heartbeat polling started
xhr.js:258 XHR finished loading: GET "https://my.domain.com/ocs/v2.php/search/providers?from=%2Fapps%2Ffiles%2Ffiles%2F1270%3Fdir%3D%2FNeuer%2520Ordner".
(anonymous) @ xhr.js:258
xhr @ xhr.js:49
p @ dispatchRequest.js:51
request @ Axios.js:146
a.Z.forEach.E.<computed> @ Axios.js:172
(anonymous) @ bind.js:5
(anonymous) @ GlobalSearchService.js:40
mounted @ GlobalSearchModal.vue:241
Tn @ vue.runtime.esm.js:3017
ga @ vue.runtime.esm.js:4032
insert @ vue.runtime.esm.js:4427
k @ vue.runtime.esm.js:6946
Ji.nodeOps @ vue.runtime.esm.js:7160
e._update @ vue.runtime.esm.js:3765
a @ vue.runtime.esm.js:3875
e.get @ vue.runtime.esm.js:3446
e @ vue.runtime.esm.js:3436
e @ vue.runtime.esm.js:3892
sr.$mount @ vue.runtime.esm.js:8779
e._init @ vue.runtime.esm.js:5705
sr @ vue.runtime.esm.js:5766
93003 @ global-search.js:50
n @ core-global-search.js?v=89211598-0:2
(anonymous) @ core-global-search.js?v=89211598-0:2
n.O @ chunk loaded:25
(anonymous) @ core-global-search.js?v=89211598-0:2
(anonymous) @ core-global-search.js?v=89211598-0:2
index.es.js:2337 Proxying an event bus of version 3.1.0 with 1.3.0
e @ index.es.js:2337
91099 @ index.es.js:3314
a @ bootstrap:19
76506 @ requesttoken.js:11
a @ bootstrap:19
3878 @ index.js:25
a @ bootstrap:19
50395 @ index.js:14
a @ bootstrap:19
22534 @ index.js:41
a @ bootstrap:19
61595 @ notificationsService.js:92
a @ bootstrap:19
Promise.then (async)
NotificationsApp @ main.js:42
f @ vue.runtime.esm.js:2796
si @ vue.runtime.esm.js:4478
(anonymous) @ vue.runtime.esm.js:2916
oe @ vue.runtime.esm.js:2866
t.$createElement @ vue.runtime.esm.js:2639
render @ main.js:44
t._render @ vue.runtime.esm.js:2684
i @ vue.runtime.esm.js:3875
t.get @ vue.runtime.esm.js:3446
t @ vue.runtime.esm.js:3436
t @ vue.runtime.esm.js:3892
Ti.$mount @ vue.runtime.esm.js:8779
t._init @ vue.runtime.esm.js:5705
Ti @ vue.runtime.esm.js:5766
(anonymous) @ main.js:37
(anonymous) @ main.js:44
(anonymous) @ main.js:44
NotificationsApp.vue:470 Notifications permissions not yet requested
ConsoleLogger.js:74 [ERROR] files: Header workspace already registered {app: 'files', uid: 'Admin', level: 2, header: w}

[Bad-and-Mad]

Same here after update to version 28.0.0.11 last week.

[susnux]

@skjnldsv I can reproduce this, but only if the text app is enabled and the directory has a readme (thus the "rich workspace" is shown above the files list).

[Bad-and-Mad]

In my case, I can say that the text app certainly has a problem, because the errors in the browser log disappear after deactivation. But the faulty behavior when trying to upload a file via drag & drop is still there.

[francescop75]

Hi,

in my case, both with firefox and chrome on linux, whether I try to drag a file or a folder, the brower change to a new blank page where it shows the file/folder content, with no log.

Anyway, I've recorded the console log of an user homepage reload, after a cache clean. Two different sites, both on docker; export A is from the suggested compose setup from github, export B from the all-in-one image (in both case I've redacted out the site domain and the user name).

Hope they can help!

console-export-B.txt
console-export-A.txt

[tunganhem2018]

Same issue with NC28.

[chrizzlibaer]

For anyone hitting this, please share:

• The number of files you were dragging
• The type (is there any folder in the selection)
• Your browser logs. Open your console, reload your page and/or do the action leading to this issue and copy/paste the log in this thread.

How to access your browser console (Click to expand)

Problem is that the Browser doesn't log anything when dropping files.

Single file
No folder selected

[MattiaMarchiorato]

Same for us, cant upload by drag and drop file or folders.

[Alwaysin]

After upgrading to NC28, drag and drop is broken for us also.

[halfnoob]

I think I'm experiencing the same thing with a new install (NC 28.0.0) in Docker on Unraid. I'm still becoming familiar with Nextcloud and here's how the problem looks on my system.

• Dragging a file over results in the drag-and-drop box appearing at the top of the page (if I drag to there), but the box disappears when I try to drop the file on to it.
• Dragging to lower on the page makes the box appear, but it flickers on and off anywhere there is text.
• When dropping, the file opens in the browser and is not copied to NC, although it is possible to add it to the text box of any section that has it (Welcome, Files, Photos, etc.).
• Using + New > Upload files works fine, so permissions seem to not be the issue.

[chrizzlibaer]

I think I'm experiencing the same thing with a new install (NC 28.0.0) in Docker on Unraid. I'm still becoming familiar with Nextcloud and here's how the problem looks on my system.

• Dragging a file over results in the drag-and-drop box appearing at the top of the page (if I drag to there), but the box disappears when I try to drop the file on to it.
• Dragging to lower on the page makes the box appear, but it flickers on and off anywhere there is text.
• When dropping, the file opens in the browser and is not copied to NC, although it is possible to add it to the text box of any section that has it (Welcome, Files, Photos, etc.).
• Using + New > Upload files works fine, so permissions seem to not be the issue.

Nicely summarized. Exactly the same here on different instances.

[rcjcarr]

Drag and drop broken on NC 28.0.0.0, on Docker on a RPi4 installs, and also on Proxmox LXC Debian 12 container installs.

[skjnldsv]

I think I'm experiencing the same thing with a new install (NC 28.0.0) in Docker on Unraid. I'm still becoming familiar with Nextcloud and here's how the problem looks on my system.

• Dragging a file over results in the drag-and-drop box appearing at the top of the page (if I drag to there), but the box disappears when I try to drop the file on to it.
• Dragging to lower on the page makes the box appear, but it flickers on and off anywhere there is text.
• When dropping, the file opens in the browser and is not copied to NC, although it is possible to add it to the text box of any section that has it (Welcome, Files, Photos, etc.).
• Using + New > Upload files works fine, so permissions seem to not be the issue.

Thanks, fix incoming :)

[dorianborovina]

Drag & drop still seems to be an issue with v28.0.1.
The screen is flickering like in the v28 and the upload is not working.
"New => Upload Files" works fine.

[susnux]

It not yet fixed for 28, see #42409

It will be fixed in 28.0.2 scheduled for January

[HLFH]

Still broken on Safari: #43135

[tschettervictor]

Still broken for me as well. Brave NC 28.0.3

[susnux]

Still broken for me as well. Brave NC 28.0.3

Probably this one: #43074

---

If you have a "similar" issue please search for open tickets or if nothing found create a new one.