Children DOM elements of draggable mouse events not firing on explorer 10, 11.

[sumimasenga]

Hi!

 

I have a box that can be dragged and I binded some custom mouse events directly to the DOM element. The events are triggered as they should on every browser besides explorer 10 and 11.

 

Here is another codepen from another forum post. Try to rotate the object in explorer 10, 11. Doesn't work but explorer 9 and other browsers it works just fine.

See the Pen LVZZeG by MAW (@MAW) on CodePen

 

Can you reproduce the same issue?

 

Thanks!

 

 

See the Pen vOKdmM by anon (@anon) on CodePen

[OSUblake]

For your events to go through, use allowEventDefault.

Draggable.create(card, {
  allowEventDefault: true
});

See the Pen gpMeQG by osublake (@osublake) on CodePen

 

I've had problems in the past enabling Draggables with jQuery events. Usually unwrapping the event with event.originalEvent fixes the problem. If that doesn't work, check out this version of a draggable that can also rotate.

 

See the Pen RNZxJx by osublake (@osublake) on CodePen

[sumimasenga]

Wow! Thanks for your help. It works!