Shouldn't the height of the VBox below end up being 300? Shouldn't
height="100%" make it fill up the area allotted to it by it's
parent? Instead it ends up having a height of 612 and no scrollbar:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="absolute" horizontalScrollPolicy="off"
verticalScrollPolicy="off">
<mx:Canvas width="500" height="300" horizontalScrollPolicy="off"
verticalScrollPolicy="off">
<mx:VBox id="badVBox" width="100%" height="100%">
<mx:Canvas width="100%" height="200"
backgroundColor="green"/>
<mx:Canvas width="100%" height="200"
backgroundColor="green"/>
<mx:Canvas width="100%" height="200"
backgroundColor="green"/>
</mx:VBox>
</mx:Canvas>
<mx:Button y="400" label="debug" click="debug()"/>
<mx:Script>
<![CDATA[
public function debug():void
{
var v:VBox = badVBox;
}
]]>
</mx:Script>
</mx:Application>