Event handler doesn't work for a Canvas inside a canvas (Possible bug in Flex 4)

Question

Hi Guys,
I have a canvas sitting inside another canvas. When i try to catch the mouseClick event in the child canvas, im not able to do it. When i change the child canvas component to a 'Panel', the event handler works perfectly fine. Any suggestions/solutions?

Answer 1

ok a few things you should know... it is recomended to use the spark components when working with flash builder 4 thought the mx components are available spark is much litghter in weight. also if you want to use the equivalent of a canvas in spark then you want to use a "group" but ill warn you they dont support inline styles, a border container looked more appropiate for what you were trying to do below.  However. i did fix your code for flex 4.0
look below.
component:
<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:fx="http://ns.adobe.com/mxml/2009"
     xmlns:s="library://ns.adobe.com/flex/spark"
     xmlns:mx="library://ns.adobe.com/flex/mx"
    creationComplete ="canvas2_creationCompleteHandler(event)">
<fx:Declarations>
  <!-- Place non-visual elements (e.g., services, value objects) here -->
</fx:Declarations>
<fx:Script>
  <![CDATA[
import mx.controls.Alert;
import mx.events.FlexEvent;
public function canvas1_clickHandler(event:MouseEvent):void
Alert.show("Clicked");
public function canvas2_creationCompleteHandler(event:Event):void
{// TODO Auto-generated method stub//
kenaCan.addEventListener(MouseEvent.CLICK, canvas1_clickHandler);
  ]]>
</fx:Script> 
<mx:Canvas id="kenaCan"
      width="400"
      height="300"
      borderStyle="solid"
      borderColor="black"
      backgroundColor="white"
      />
</mx:Canvas>
application:
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
      xmlns:s="library://ns.adobe.com/flex/spark"
      xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600"
      xmlns:local1="local.*">
<fx:Declarations>
  <!-- Place non-visual elements (e.g., services, value objects) here -->
</fx:Declarations>
<local1:canvas/>
</s:Application>
if this post answers your question please mark it as such thanks