I've got a problem where I'm trying to detect a MouseOut on a component so that I can revert it back to its original state. The scenario is I've got an accordion component with VBoxes as the children. The VBoxes contain several custom components each, enough that I've got scroll bars on the accordion children VBoxes. The custom components have states that are supposed to be triggered on MouseOver and MouseOut. I use getBounds on these components to see if they contain the MouseOut event's point. If it doesn't, then I revert back to the original state.
Everything is working fine, except for when the lowest visible component in one VBox is clipped by the header of the next accordion's child. When I move the mouse from inside the component, down out the bottom and over the next accordion header, the coordinates of the MouseOut event still fall within the local and content coordinate system of the component, even though it is clipped on the bottom by the header. I've read through the coordinate system docs and tried various permutations of local, global, and content positioning. I would've thought that the local coordinate system would reflect what is visible, but it isn't acting like that is the case. I've looked for a method like 'getVisibleBounds' but haven't found anything like it. Any ideas on how I'd do this? What am I missing?