[jira] [Comment Edited] (FLEX-34176) TextInput problem in a scaled group

["Maurice Amsellem (JIRA)" <ji...@apache.org>]

    [ https://issues.apache.org/jira/browse/FLEX-34176?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=13941573#comment-13941573 ] 

Maurice Amsellem edited comment on FLEX-34176 at 3/20/14 10:05 AM:
-------------------------------------------------------------------

thanks for reporting.  I think the issue is in the computing of native text input font size, which takes into account  application-level scale, but not parent scale.
The workaround, while waiting for the fix, would be to explicitely reduce the font size in the group, when performing your scale, something like (assuming the font :

{code}
<s:Group scaleX="0.5" scaleY="0.5" stylename="scaledDownFont" />
   <TextInput/>
   <TextInput/>
{code}

.scaleDownFont {
  fontSize: 6 ; /* half the usual value for that resolution */
}

{code}

Note: if your application uses applicationDPI, you can set directly the font-size, if not, then you will have to use @media queries for defining .scaleDownFont at each applicationDPI...




was (Author: mamsellem):
thanks for reporting

> TextInput problem in a scaled group
> -----------------------------------
>
>                 Key: FLEX-34176
>                 URL: https://issues.apache.org/jira/browse/FLEX-34176
>             Project: Apache Flex
>          Issue Type: Bug
>          Components: Spark: TextInput
>    Affects Versions: Apache Flex 4.12.0
>         Environment: Mobile
>            Reporter: Ori Segal
>            Assignee: Maurice Amsellem
>            Priority: Critical
>
> While using version 4.12 mobile we encountered two issues related to TextInput component when it is included in a scaled Group -
>  
> 1. The text is not scaled and appears cut in side the TextInput.
> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
>                         xmlns:s="library://ns.adobe.com/flex/spark" applicationDPI="160">
>       
>        <s:Group width="100%" height="50%" scaleX="0.5" scaleY="0.5">
>               <s:TextInput layoutDirection="rtl"  />
>              
>               <s:TextInput layoutDirection="ltr" top="100" />
>        </s:Group>
>       
> </s:Application>
> Here is a video that shows the issue:
> http://screencast.com/t/gyAnB6iDl0Gg
>  
> 2. When the scaled Group is set with layoutDirection "rtl" the internal components disappear.
>  
> <?xml version="1.0" encoding="utf-8"?>
> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
>                         xmlns:s="library://ns.adobe.com/flex/spark" applicationDPI="160">
>       
>        <s:Group width="100%" height="50%" scaleX="0.5" scaleY="0.5" layoutDirection="rtl">
>               <s:TextInput layoutDirection="rtl"  />
>              
>               <s:TextInput layoutDirection="ltr" top="100" />
>        </s:Group>
>       
> </s:Application>
> it happens also when scaling the entire application without using applicationDPI.
> The use case is mainly for low-resolution Android devices where we need to scale only an area that includes a form (otherwise the keyboard covers it) and not the rest of the application.



--
This message was sent by Atlassian JIRA
(v6.2#6252)