با سلام خدمت دوستان و اساتید گرامی

من چند تا باتن سمت راست صفحه قرار دادم و یک نقشه سمت چپ اونها ، با کد زیر محدودیت ایجاد کرده ام تا روی باتن ها نقشه نرود و با دراگ کردن مشکلی پیش نمیاید
فقط زمانی که کاربر نقشه را زوم میکند عمل محدودیت تغییر کرده و با بزرگ شدن نقشه روی باتن ها را میپوشاند

چطور این مشکل رو حل کنم

var my_x:int=stage.width;
var my_y:int=stage.height;
var myWidth:int=0-my_x;
var myHeight:int=0-my_y;
var boundArea:Rectangle=new Rectangle(myWidth, myHeight, my_x ,my_y);

pic.addEventListener(MouseEvent.MOUSE_DOWN, ZZ);
pic.addEventListener(MouseEvent.MOUSE_UP, ZZ1);

function ZZ(evt:MouseEvent):void {
var object = evt.target;
object.startDrag(false,boundArea);
}

function ZZ1(evt:MouseEvent):void {
var obj = evt.target;
obj.stopDrag();
}