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.
No related posts.




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.