Dragging doesn't work on Microsoft Edge, IE11, IE10

[laukstein]

Tested simplified example https://output.jsbin.com/qacoluk/quiet on Windows 10 machine.

Sortable.create(foo);

Failed on Microsoft Edge, IE11, IE10 without any exception, works fine on IE9, Chrome and Firefox.

[ihaveworms]

I am having problems with IE11 as well.

[DaveM2011]

its due to how events are handled i have yet to find a solution even after reading the docs

[DMahoney0]

Anyone find a solution for getting dragging to work on Edge. Mine works on IE 10/11, Chrome, Firefox.

[DaveM2011]

https://github.com/Deltakosh/handjs seems to apply the new PointerEvents api maybe it could help to add the feature to all browsers becuse from what i read all browsers will be applying a PointerEvent api so u can do seperate actions based on what your using as a pointing device like so

if (event.pointerType) {
        switch (event.pointerType) {
            case "touch":
                // A touchscreen was used
                break;
            case "pen":
                // A pen was used
                break;
            case "mouse":
                // A mouse was used
                break;
        }
    }

[ihaveworms]

Any update on this?

[BenMantalo]

Same issue here ! It appears that the library doesn't support Pointer Events from Internet Explorer 10 & 11 ! So it doesnt work for theses browsers on touch devices ...

Is anyone knows a solution ??

This is pretty annoying to use it in a production project even if it's a good library !

Thanks, Best regards.

[BenMantalo]

jquery.fn.sortable.js.tar.gz You can find here a version of the library (with jQuery compatibility) which works on IE 10 & 11 and Edge on Tablet devices ! Maybe a commit soon !

Enjoy ;)

[kodamirmo]

@BenMantalo how to include library in the project? Thanks in advance!

[BenMantalo]

@kodamirmo you have to include JQuery and the file jquery.fn.sortable.js And now you can use the library like this :

$("#list").sortable({ /* options */ }); // init
$("#list").sortable("widget"); // get Sortable instance
$("#list").sortable("destroy"); // destroy Sortable instance
$("#list").sortable("{method-name}"); // call an instance method
$("#list").sortable("{method-name}", "foo", "bar"); // call an instance method with parameters

Read the documentation for options and methods.

Best regards

[inspire22]

Any news on inclusion of this to the main project? People shouldn't be using this if it doesn't support IE latest, as that's still a decent % of people

[lmvco]

IMO, the main issue is the lack of support for Edge since Microsoft is investing a lot in it.

[ndeeH]

@RubaXa Any plans on this? We like your sortable component but can not use it on Edge (Surface).

[w0bbes]

It's indeed not working on Microsoft Edge, @RubaXa

When I start dragging in Edge, I can the see the rows getting the class "sortable-chosen" and the attribute "draggable" is getting set to "true", yet it doesn't work.

Fyi, im draggin a table row withing a table body

[w0bbes]

Try this guys:

Add this to options for Microsoft Edge

forceFallback: false,

[gp-slick-coder]

Version 1.5rc with forceFallback: true works great on Edge/Windows 10 Mobile. Big THANKS to the sortable owner!

https://github.com/gbreeze/Sortable/commit/0c20e781a6f615af2d28c79a69d861ba4132c2a5

[mlisowsk]

jquery.fn.sortable.js.tar.gz You can find here a version of the library (with jQuery compatibility) which works on IE 10 & 11 and Edge on Tablet devices ! Maybe a commit soon !

Enjoy ;)

Amazing this version also works in Microsoft WebBrowser Controls, unlike the current 1.14.0 I was almost giving up..

[mlisowsk]

I managed to get drag and drop to work in a MS WebBrowser control (IE11 mode) by passing the option supportPointer: false , i.e. instructing Sortable to explicitly not use pointerevents.

Apparently the WebBrowser control doesn't fire the pointer events, although the feature detection in SortableJS 'PointerEvent' in window suggests otherwise. This has been reported by others on stackoverflow as well:

https://stackoverflow.com/questions/23749238/browser-embedded-in-wpf-not-handling-pointer-events

For the record, the WebBrowser control reported document.documentMode=11 and document.compatMode =CSS1Compat and I am using SortableJS v1.15.0