search

SortableJS / vue.draggable.next

Vue 3 compatible drag-and-drop component based on Sortable.js
https://sortablejs.github.io/vue.draggable.next/#/simple
MIT License
3.86k stars 528 forks source link

Dragging is broken in newest Microsoft Edge Dev #100

Open lmanzke opened 2 years ago

lmanzke commented 2 years ago

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:

Peek 2021-11-15 09-58

Comparing this to the Beta channel (older version 96.0.1054.13)

Peek 2021-11-15 09-59

pgbross commented 2 years ago

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 commented 2 years ago

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 commented 2 years ago

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 commented 2 years ago

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 commented 2 years ago

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

jclaveau commented 2 years ago

@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 commented 2 years ago

@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 commented 2 years ago

@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 commented 2 years ago

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

it still works in Firefox 101.0

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