Quantcast
Channel: Apache Timeline
Viewing all articles
Browse latest Browse all 5648

Problems with vertical alignment of Textinput on iOS

$
0
0
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>

Viewing all articles
Browse latest Browse all 5648

Trending Articles