Masking multiple movie clips makes only one clickable

I’m having a really strange problem with movieclips that use a mask for reflection.

On my main timeline i’m creating two instances of a movieclip named ‘item’. In item.as i’m calling cacheAsBitmap and setting a gradient movieclip as a mask.

When I run the clip I am only getting the clickable hand icon when I hover over the first clip. However, if I comment out ‘this.mask = mask_mc’ then both clips are selectable.

I’m really stuck and tight for time… :frowning:

Any ideas?

Main Timeline


var item_mc = new item();
item_mc.x = 0; 
item_mc.y = 100; 
addChild(item_mc);

var item_mc2 = new item();
item_mc2.x = 300; 
item_mc2.y = 100; 
addChild(item_mc2);

The item class is very simple and just applies a mask to the item clip

item.as


	public class item extends MovieClip {

		public function item():void
		{					
			this.buttonMode = true;

			var mask_mc:MovieClip = new masker();
			mask_mc.x = 0;
			mask_mc.y = 0;
			mask_mc.cacheAsBitmap = true;
			this.cacheAsBitmap = true;
			addChild(mask_mc);					
			this.mask = mask_mc;
			

		}
	}