# MouseOver Event cancelling due to child MovieClips

**URL:** <https://forum.kirupa.com/t/mouseover-event-cancelling-due-to-child-movieclips/313090>\
**Category:** flash\
**Created:** [August 19, 2010, 2:43pm UTC](https://forum.kirupa.com/t/mouseover-event-cancelling-due-to-child-movieclips/313090 "2010-08-19T14:43:07Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Squib](https://avatars.discourse-cdn.com/v4/letter/s/ebca7d/32.png) [@Squib](https://forum.kirupa.com/u/Squib)\
**Post date:** [August 19, 2010, 2:43pm UTC](https://forum.kirupa.com/t/mouseover-event-cancelling-due-to-child-movieclips/313090/1 "2010-08-19T14:43:07Z")

</div>

Hi there, I seem to be struggling with such a simple issue!..And its now officially doing my head in!

What I’ve got is a clip that when moused over expands down, and when moused out contracts back up again…simple right.

The problem I’ve got is that as soon as I place a child inside the expanding clip (which is another expanding and contracting clip). the listener gets blocked by its child making it contract before it should. This sounds a little confusing, but will make a lot more sense when viewing my code here…

```auto
import com.greensock.*; 
import com.greensock.easing.*;

var section1:Section1 = new Section1();
addChild(section1);

var navBar1:NavBar1 = new NavBar1();
section1.addChild(navBar1);

section1.x = (section1.stage.stageWidth * 0.5) - (navBar1.width * 0.5);

var whiteBar:WhiteBar = new WhiteBar();
addChild(whiteBar);

whiteBar.height = 0;
  
whiteBar.x = (section1.stage.stageWidth * 0.5) - (whiteBar.width * 0.5);
whiteBar.y = 596;

navBar1.buttonMode = true;
navBar1.addEventListener(MouseEvent.ROLL_OVER, section1onOver, false, 0, true);
navBar1.addEventListener(MouseEvent.ROLL_OUT, section1onOut,false, 0, true);
    
    function section1onOver(evt:Event):void {
    
        var overTimeline:TimelineMax = new TimelineMax();
            overTimeline.append(TweenMax.to(navBar1, 0.5, {height:600}));
            overTimeline.append(TweenMax.to(whiteBar, 0.5, {height:440, ease:Back.easeIn}));        
            overTimeline.play();
        
    }
    
    function section1onOut(evt:Event):void {
    
        var outTimeline:TimelineMax = new TimelineMax();
            outTimeline.append(TweenMax.to(whiteBar, 0.5, {height:0, ease:Back.easeIn}));
            outTimeline.append(TweenMax.to(navBar1, 0.5, {height:60}));
            outTimeline.play();
    
}

```

By the way I will be putting buttons inside the clips eventually, so disabling the clips contents is a no go.

It can be seen here…

[http://rbpftp.co.uk/steve/overAndOut.html](http://rbpftp.co.uk/steve/overAndOut.html)

If anyone could explain a way to prevent this happening then it’d be a massive help, I have posted this question on another forum but have received no replies, but really, really need to get it working!☹

Cheers,  
Squibn