Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
Raphael elements event handlers are executed only when the element is filled.
Click event handlers are not executed when the element has no fill. Mouseover events behave differently, (both mouseover and mouseout are triggered.) for non filled elements.
My code:http://jsfiddle.net/U5wda/1/
Why is this so ?
You might want to check out this article on pointer-events. As you can see in this fiddle, if you set pointer-events to ‘fill’, I think this works the way you want. Keep in mind, though, that this will probably not work in IE, since Raphael does not use SVG in IE.
Basically,
pointer-events: fillcauses the element to act like it is filled for mouse events.