I have a larger button (let's call it BigButton) with a smaller button (SmallButton) sitting on top of it. I notice that when the mouse is over the BigButton, the BigButton's overSkin displays as expected. When I move the mouse over the SmallButton, the SmallButton's overSkin displays as expected AND the BigButton's state switches to upSkin (even though the mouse is technically still over BigButton, its state goes back to as if there is no mouse over it. I understand this is working as expected, but I want the BigButton state to stay in overSkin even though the mouse is now over the SmallButton.
I found some suggestions to listen on the MouseOver event of the SmallButton and then manually trigger a MouseOver event on the BigButton. This seems to work as when I do this, the BigButton indeed stays in the overSkin state when I hover over the SmallButton. THE PROBLEM IS NOW, is that when I go from hovering over the SmallButton to once again hover over the BigButton, the BigButton's state goes to downSkin and from that point every thing is screwed up. The hover, up and down skin states are all off. I have tried everything, tried cancelling the MouseOver event but the system MouseOver event is non-cancelable. I have tried mucking with Rollout/over events as well. I really just want the BigButton to remain in the hoverSkin mode ALL the time until I mouse out of the BigButton. If there is a SmallButton or a label field sitting on top of the BigButton, I don't want it to change the BigButton hover state. Any help would be much appreciated. Thanks.
