flex-issues mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From "Maurice Amsellem (JIRA)" <j...@apache.org>
Subject [jira] [Comment Edited] (FLEX-34176) TextInput problem in a scaled group
Date Thu, 20 Mar 2014 10:07:45 GMT

    [ 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:06 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 :

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

.scaleDownFont {
  fontSize: 6 ; /* assuming normal font-size is 12 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.  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/>

.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...



> 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)

Mime
View raw message