Jump to content


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

Go to solution Solved by OSUblake,

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts



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?





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

Link to comment
Share on other sites

  • Solution

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

  • Like 3
Link to comment
Share on other sites

Wow! Thanks for your help. It works! :)

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.