Jump to content
Search Community

Draggable circle that rotates - how can I prevent transparent areas initiating drag

mkit test
Moderator Tag

Go to solution Solved by OSUblake,

Recommended Posts

Hello everyone 

I am creating an interaction where there are some circles that the user can drag to rotate. I have this working (see codepen).


However I do not want the area inside the circle or outside the circle to be draggable. It appears to use the entire square as the trigger and does not ignore transparent areas. I do appreciate this can be handy when you want a hidden trigger.


Anyway just wanted to reach out for any solution to this issue? Perhaps I have just missed a flag I can use.



See the Pen f8311e8249ad7d54333e8a45d0546101 by paul-mediakitchen (@paul-mediakitchen) on CodePen

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.
  • Create New...