Draggable/Resiszable/Sortable/ etc. does not work with Microsoft Edge on Windows 10

[soluml]

trafficstars

Name of thread says it all. Nothing is working in Edge. Testing on a Surface.

[markvantilburg]

Can you check if the settings in about:flags make it working?

[markvantilburg]

Maybe send in some feedback from within edge to Microsoft.

[markvantilburg]

Changing the setting does not help for the current version (jQuery UI Touch Punch 0.2.3)

[soluml]

Before I send feedback.. do we know why it's not working? I haven't dove into Touch Punch's code yet... is this maybe something the new Pointer Events spec (which Edge supports) can solve?

[markvantilburg]

On the msdn page

Mouse compatibility

After firing pointer events, IE fires mouse events for the primary contact (for example, the first finger on the screen). This enables existing websites based on mouse events to continue to work correctly. 

It does work with the mouse, but on touch with touchscreen all i get is scrolling on the page.

So code needs to be changed for edge, or wait for jquery ui to support pointer events.

It this example working on edge?

https://jqueryui.com/draggable/#default

[markvantilburg]

Did you also try

https://github.com/jquery/jquery-mobile/blob/master/js/vmouse.js

[markvantilburg]

Does this fiddle work on edge?

https://jsfiddle.net/ukrds1ca/8/

[soluml]

Tried the fiddle out on Edge this morning. Worked beautifully!

[maxr37]

Adding the CSS property "touch-action: none;" solved it for me, I was already using "-ms-touch-action: none;" to fix for IE11. I had assumed wrong that it was the same property for Edge. So now I have both:

"-ms-touch-action: none; touch-action: none;"

To fix the touch events for both browsers. Hope that helps!