Dragging is broken in newest Microsoft Edge Dev

[lmanzke]

I am not sure what causes it, but the newest Edge Dev on Linux (Version 97.0.1069.0) seems to have issues with vue-draggable.
It could be entirely possible that Edge is the problem (I think it is even likely) as I have observed this in no other browser (Tried Edge Beta, Vivaldi, Firefox). However, for the event that something new in the Chromium engine breaks vue draggable (which will then affect more and more browsers), I still wanted to notify you about this.

Reproduction Link (just a vue draggable demo)

https://sortablejs.github.io/Vue.Draggable/#/simple

Of course, the specified Edge version on linux is required to actually reproduce this.

Step by step scenario

Install Edge Dev on Linux (Version 97.0.1069.0)
Visit the demo
D&D not working

Here is a GIF of the Dev version:

Comparing this to the Beta channel (older version 96.0.1054.13)

[pgbross]

So this happens for me also in Chrome 97 (97.0.4692.20), but does not happen in Vivaldi stable (4.3.2439.65).

It looks like it is the underlying move event in sortablejs that is not firing or propagating, but I haven't been able to discover anything useful yet.

[lmanzke]

Uh oh, not a good sign that this "spreads". However, Drag and Drop in general seems to be affected. I have the Microsoft Planner app running in a "desktop app" on Manjaro. It is also affected by the problem - meaning you cannot drag items from one bucket to another (which was possible with earlier versions).

[pls-kick-me]

Out of the blue Draggable stopped working in Chrome, but works well in FF. The code hasn't changed. What could it be? No error, no warnings. Mystic.

[taniwallach]

See https://bugs.chromium.org/p/chromium/issues/detail?id=1279532

Turning off "Use system title bar and borders" (right click empty space on tab bar) may also help.

[sanjevShakya]

Me too it has stopped working in Chrome but works fine in FF.

[jclaveau]

@lmanzke Would you please rename the name of this bug including Crome / Chromium 97.0.4692.99. I lost half a day on it skipping this issue as it mentionned only Edge, maybe some others will do like me. Thanks for the detailed reporting btw!

@taniwallach After disabled "Use system title bar and borders" I also needed a Chromium restart. Thanks for the solution!

[taniwallach]

@jclaveau AFAIK version 97.0.4692.99 of Chrome / Chromium should already not be affected by the bug. It is the prior version which was affected.

I can confirm that on my machine (Debian 11) that the update to Chrome version 97.0.4692.99 fixed the problem and drag-and-drop behavior is working again even with "Use system title bar and borders" enabled. There are several other confirmations that the fix worked for other people in the beg report I mentioned above.

I would assume that other Chromium derived browsers will get the fix soon.

[jclaveau]

@taniwallach It may be due to incremental update or config refreshed at startup. Now it works but I copy pasted my Chromium version (On Ubuntu 20.04) while the bug was effective.

Thanks for the knowledge btw

[Anoia]

I'm having this issue now in chromium browsers. Dragging is broken for me in:

• Chrome Version 102.0.5005.61
• Chromium Version 102.0.5005.61
• Vivaldi 5.3.2679.38

it still works in Firefox 101.0

I also used https://sortablejs.github.io/Vue.Draggable/#/simple for testing.