FB 4.6 Callout, TextArea not increasing in height

[Blkhwks19]

I have a mobile app built with Flash Builder 4.6. In my app I have a button that, when tapped, opens a Callout, which contains a spark TextArea. I want the TextArea to be several lines tall (and the Callout to increase in height accordingly), but the TextArea is only 2 lines tall. You can enter in as much text as you want, but you can only see 2 lines at a time.

Here's what I've currently got:

<s:Callout id="co" width="100%" height="100%">
			<s:layout>
				<s:VerticalLayout/>
			</s:layout>
			<s:ActionBar width="100%" title="Info" defaultButtonAppearance="beveled">
				<s:navigationContent>
					<s:Button id="cancel" label="Cancel" click="coCancel_clickHandler(event)"/>
				</s:navigationContent>
				<s:actionContent>
					<s:Button id="update" label="Update" click="coUpdate_clickHandler(event)" chromeColor="#009900"/>
				</s:actionContent>
			</s:ActionBar>
			<s:TextArea id="ta" width="100%" height="100%"/>	
		</s:Callout>

I've tried setting height="100%" on both the callout and the textarea, that didnt do anything. Ive tried setting the heightInLines proeprty on the textarea, that didnt seem to do anything either.

Then i read about the TextArea's typicalText property. If you set it to some dummy text, the textarea will use the dummy text to set the size of the textarea, but it will never display the dummy text.

The problem is that, since I need the textarea to be several lines tall (like 20-ish) I need to bind typicalText to a string variable. Well when defining the string variable, I dont know how to insert line breaks into a string.

If I can get that figured out I can try typicalText again, but otherwise Im at a loss how to make my textarea taller by default. Im not sure if it has anything to do with the fact that its inside a callout or not...

Any help would be really appreciated!!