Problems with vertical alignment of Textinput on iOS

[Fréderic Cox]

Hi,

I've just restarted a one year old project for iOS (iPad). I updated to
Apache Flex 13 using AIR 14 and notice some small issues. One of them is
related to textinput.

I define my textinput in CSS:

TextInput{
        font-family:"Helvetica";
        background-color:#eeeeee;
        background-alpha:1;
        border-color:NaN;
        border-style:none;
        font-size:25;
        color:#000000;
        vertical-align:middle;
}

And in MXML:

<s:VGroup width="100%" height="100%" top="130" gap="30" verticalAlign="top"
horizontalAlign="center">
                
                <s:HGroup id="firstnameHolder" verticalAlign="middle">
                        <s:Label text="Voornaam" 
styleName="inputStyledLabelField" width="150" />
                        <s:TextInput id="firstnameInput" width="300" height="50"
softKeyboardType="default"
                                                                                
 autoCapitalize="word" verticalCenter="0"
                                                                                
 change="firstnameInput_textChangedHandler(event)"
enter="firstnameInput_enterHandler(event)"
focusOut="firstnameInput_textValidatedHandler(event)" />
                </s:HGroup>
                
                <s:HGroup id="lastnameHolder" verticalAlign="middle">
                        <s:Label text="Achternaam" 
styleName="inputStyledLabelField" width="150"
/>
                        <s:TextInput id="lastnameInput" width="300" height="50"
softKeyboardType="default"
                                                                                
 autoCapitalize="word" verticalCenter="0"
                                                                                
 change="lastnameInput_textChangedHandler(event)"
enter="lastnameInput_enterHandler(event)"
focusOut="lastnameInput_textValidatedHandler(event)" />
                </s:HGroup>
                
                <s:HGroup id="emailHolder" verticalAlign="middle">
                        <s:Label text="E-Mail" 
styleName="inputStyledLabelField" width="150" />
                        <s:TextInput id="emailInput" width="300" height="50" 
verticalCenter="0"
softKeyboardType="email" change="emailInput_textChangedHandler(event)"
enter="emailInput_enterHandler(event)"
focusOut="emailInput_textValidatedHandler(event)" />
                </s:HGroup>
                
        </s:VGroup>

But you can see in the screenshot below that text is not aligned vertically
in the middle. The cross to delete the value is positioned correctly but the
text itself is not. On the AIR simulator positioning for the text is
correct. Is this a known bug? Is it related to Apache Flex or AIR? Any
workarounds? This is blocking the release of my app

<http://apache-flex-users.2333346.n4.nabble.com/file/n7417/IMG_0297.png> 



--
View this message in context: 
http://apache-flex-users.2333346.n4.nabble.com/Problems-with-vertical-alignment-of-Textinput-on-iOS-tp7417.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.