I was creating a UIcomponent called the “FilterIndicator” which looks like a button but has a button inside itself to remove the button all-together from the stage. FilterIndicator by default will have a toggle behavior differenciated by the background color: if the filter is active the bgColor is green but if the filter is applied it becomes red. the whole component extends Canvas.
The task was to show a hand cursor whenever the user moves his mouse over this component. So far it had turned out to be a pain in the ass till i found the solution.
Well the problem with useHandcursor started when i tried to show cursor on the canvas. firstly this was not working when i did try this out with various combination i found out that MouseChildren = “false” property actually controls the behavior of useHandcursor.
solution :
useHandCursor=”true” buttonMode=”true” mouseChildren=”false”
IMPORTANT: mouseChildren=”false” might cause the mouseclick of the subsequent below components to not fire at all.
Thanks for the help. Normally these kind of things take an hour of research followed by a bunch of trial and error. You saved me this headache.