Hello,

in the following scenario there is a main view and the user is able to open controls in a popup view.
The animations for the popup work fine. But the object of FlashEff2Flex does prevent the main view from getting mouse events.

Is there a way to auto hide also the object of FlashEff2Flex (the visibility of the popup is toggled the right way).

<s:Group>

  <!-- Input text fields, buttons, etc here. Need mouse events. -->
  <my:MainControl ... />

  <s:Group>
    <!-- Input text fields, buttons, etc here. Need mouse events. -->
    <my:PopupControl ... />
    <FlashEff2Flex ... />
  </s:Group>

</s:Group>

Solved using a derived class:

	public class MyFlashEff extends FlashEff2Flex 
	{
		
		public function MyFlashEff() 
		{
			super();
			
			this.includeInLayout = false;
			this.showAutoPlay = false;
			this.hideAutoPlay = false;
			
			addEventListener(FLASHEFFEvents.TRANSITION_START, effectStarting);
			addEventListener(FLASHEFFEvents.TRANSITION_END, effectEnding);
		}
		
		private function effectStarting(e:FLASHEFFEvents):void 
		{
			this.visible = true;
		}
		
		private function effectEnding(e:FLASHEFFEvents):void 
		{
			if (currentTransitionType == "hide")
			{
				this.visible = false;
			}
		}
	}

I'm glad that you solved the problem and thank you for posting it.