getting drag event on canvas when all elements marked draggable=false

Question

I'm using mousedown, mousemove mouseup and mouseout events on a canvas to create a custom drag control.

Now this is working fine,except that occasionally a drag event will be fired, which prevents the mouseup firing which borks it all up.

I have set draggable=false on ALL my elements, yet this still occurs.

I'm using Chrome Version 27.0.1453.116 m and the app is in Angularjs Also using twitter bootstrap

cheers

Edit: put up some code https://gist.github.com/neilmanuell/5917036

Answer 1

I solved this issue by re architecture my application. The issues I was getting with unwanted mouse events being fired seemed to be issues with browser implementation. my original approach was flawed as it was coming from an as3 way of doing things. once i'd approached the problem in a more html way the mouse events were no longer an issue.