calm in the chaos

Kinda taking off from where I was at in this old post of mine, I’m now having some issues with how Flex does it’s calculations for the vertical scrollbar. Specifically when using a TabNavigator component that has Form components as it’s children. Here’s some of the code:

<mx:TabNavigator id="tabbar" right="340" left="10" top="95" bottom="10">
	<mx:Form indicatorGap="5" verticalGap="10" label="1. Personal Details">
		<mx:FormItem label="First Name:">
			<mx:TextInput id="firstName" />
		<mx:FormItem>
		.
		.
		.
		<mx:FormItem label="Phone Number:">
			<mx:TextInput id="phoneNumber" />
		<mx:FormItem>
	</mx:Form>
</mx:TabNavigator>

The problem is no matter what I tell the TabNavigator to be height wise (either with a height percentage or a constraint based amount) the Form when it has too much content in it will create an application wide vertical scrollbar. I’m trying to make it so that the scrollbar is relative to the actual TabNavigator, so it appears alongside that content. I’ve read through the Adobe documentation about containers and layouts but that didn’t really shed any light on the subject (or my issue at least).

Placing the Form inside a Canvas tag solves the issue, but I’d like to think I can get the Form working as I think it should be.

Has anyone got any pearls of wisdom regarding the issue I’m experiencing?