rcyeager
06-07-2007, 10:19 PM
This code demonstrates a problem whereby LzTrack mouse handlers stop responding after a window is dragged w/ FF DHTML:
<canvas id="maincanvas" width="100%" height="100%" validate="false" debug="false" proxied="false" bgcolor="0x00aaaa">
<debug x="650" y="200" width="800" height="400" fontsize="12"/>
<!--include href="incubator/inspector/inspector.lzx"/-->
<!-- frametimer/-->
<class name="mt" extends="view" bgcolor="red">
<handler name="oninit">
LzTrack.register(this, "mt");
LzTrack.activate("mt");
</handler>
<handler name="onmousetrackover">
this.setAttribute("bgcolor", blue);
</handler>
<handler name="onmousetrackout">
this.setAttribute("bgcolor", red);
</handler>
</class>
<window x="300" y="400" width="200" height="200">
<mt x="0" y="0" width="50" height="50"/>
<mt x="100" y="100" width="50" height="50"/>
</window>
</canvas>
Upon starting the test, notice that mouseovers change the red boxes to blue. Next, drag the window far horizontally. The lower right box no longer responds, but the top left one does. Now, drag the window far vertically. The top left box stops responding.
The test case works properly for SWF and IE7 DHTML, but fails w/ FF DHTML.
<canvas id="maincanvas" width="100%" height="100%" validate="false" debug="false" proxied="false" bgcolor="0x00aaaa">
<debug x="650" y="200" width="800" height="400" fontsize="12"/>
<!--include href="incubator/inspector/inspector.lzx"/-->
<!-- frametimer/-->
<class name="mt" extends="view" bgcolor="red">
<handler name="oninit">
LzTrack.register(this, "mt");
LzTrack.activate("mt");
</handler>
<handler name="onmousetrackover">
this.setAttribute("bgcolor", blue);
</handler>
<handler name="onmousetrackout">
this.setAttribute("bgcolor", red);
</handler>
</class>
<window x="300" y="400" width="200" height="200">
<mt x="0" y="0" width="50" height="50"/>
<mt x="100" y="100" width="50" height="50"/>
</window>
</canvas>
Upon starting the test, notice that mouseovers change the red boxes to blue. Next, drag the window far horizontally. The lower right box no longer responds, but the top left one does. Now, drag the window far vertically. The top left box stops responding.
The test case works properly for SWF and IE7 DHTML, but fails w/ FF DHTML.