TextArea Clipping in Air 3.9 on iOS7

Question

I hope someone can help here as this is driving me crazy
I am using the TextArea mobile component for Flex (yes, I know that it is Apache now, but someone on here hopefully can help!) and using it in the most vanilla way, but whatever I do I get clipped text at the start (see attached image)
  <s:TextArea id="text" width="100%" height="260" />
I have tried standard system fonts, declaring the skins specifically such as
  <s:TextArea id="text" width="100%" height="260" skinClass="spark.skins.mobile.StageTextAreaSkin"  />
  <s:TextArea id="text" width="100%" height="260" skinClass="spark.skins.mobile.TextAreaSkin"  />
But it all has the same effect - the far left of the text is clipped. Now, I am sure it is something in the skin but I cannot track it down, and it does not happen in the TextInput skin, but TextArea is far more complex due to scrolling etc. I have actually also tried using the StageText object directly in ActionScript but it has the same issue, so I have started to think that it is perhaps something in Air. I am using the latest Air 3.9 beta and Flex 4.10 on iOS7, although it is on iOS 6 too.
Can anyone shed some light on this? It is driving me nuts!
Thanks

Answer 1

I have used the actionscript code without using any flex components.
You can try the following code snippet:
    import flash.display.Sprite;
    import flash.geom.Rectangle;
    import flash.text.StageText;
    import flash.text.StageTextInitOptions;
    import flash.text.TextFormatAlign;
    public class StageText_align extends Sprite
        private var nativeText:StageText;
        public function StageText_align() {
            nativeText = new StageText(new StageTextInitOptions(true));
            nativeText.stage = this.stage;
            nativeText.viewPort = new Rectangle(30, 37, 200, 106);
            nativeText.textAlign = TextFormatAlign.RIGHT;
            nativeText.text = "Stage text right aligned";
-Pranali