Skip navigation
thiagollo
Currently Being Moderated

Mobile Flex - Value in textInput is flying

Jan 6, 2012 5:41 AM

Hello,

 

I have a list with textInput in a mobile project. When i scroll the list the value of textInput is "flying". Look the image, this happen in the simulator and in the device.

In this image the number "two" is the number of "18 - Sony Vaio".

 

bug.png

 

I create the textInput overrides createChildren function on the IconItemRenderer:

 

     override protected function createChildren():void

            {

                super.createChildren();

               

                var txtQtd:TextInput = new TextInput();

                txtQtd.id = "txtQtd";

                txtQtd.width = 70;

                txtQtd.height = 40;

                txtQtd.x = this.parent.width-90;

                txtQtd.y = 25;

                txtQtd.maxChars = 4;

                txtQtd.softKeyboardType = SoftKeyboardType.NUMBER;

                txtQtd.addEventListener(TextOperationEvent.CHANGE, verificarProduto);

                this.addChild(txtQtd);

            }

 

Any suggestion?

 
Replies
  • Currently Being Moderated
    Jan 6, 2012 5:57 AM   in reply to thiagollo

    If you change skinClass of tektinput like below, scrolling problem will be solved. But in that case, some parameters,e.g. softKeyboardType, will not work.

     

    skinClass="spark.skins.mobile.TextInputSkin"

     
    |
    Mark as:
  • Currently Being Moderated
    Jan 6, 2012 6:31 AM   in reply to thiagollo

    This is one of the many, many bugs that the new StateText skin for the TextInput and TextArea from the Flex 4.6 introduced.

     

    You can do this skinClass="spark.skins.mobile.TextInputSkin" as many users recomended but with get new problems like the skin lose the default rounded corners (became the default skin from flex 4.5 instead of 4.5.1) and you will get other bugs.

     

    There is one solutuion to use the Flex 4.6 but the stability of the TextInput and TextArea from the Flex 4.5.1 that is the original source code of the TextInputSkin and TextAreaSkin of the Flex 4.5.1. This is already speaked in the forum.

     
    |
    Mark as:
  • Currently Being Moderated
    Jan 6, 2012 7:28 AM   in reply to thiagollo

    In my case I have a costum text input, preventing the keypad that popups a callout with a calendar (for dates), the same for time, numbers and integers and use the keyboard only for free text (strings) so I will never need the new features from the stage text.

     

    In your case if you realy need the new features from the StageText you will need to wait the fix but I will not expecting soon a new release (now only on apache).

     
    |
    Mark as:
  • Currently Being Moderated
    Jan 6, 2012 8:02 AM   in reply to thiagollo

    IMHO it's the best choice because you now longer are depent on OS or have issues and different systems (worst and update that causes a bug and that appens to me in PlayBook with stagetext ).

    Best have something generic.

     

    You can see the result in my app :

    https://market.android.com/details?id=air.com.softbycloud.personalfina nces.demo

     

    For iOS, I dont have a demo version to demonstrate because they refuse demo or lite versions

     
    |
    Mark as:
  • Currently Being Moderated
    Jan 12, 2012 2:25 PM   in reply to thiagollo

    I had the same issue

     

    It is solved easily by replacing the TextInput with the StyleableTextField and settings its properties border=true and editable=true

     
    |
    Mark as:
  • Currently Being Moderated
    May 24, 2012 1:01 AM   in reply to thiagollo

    You can put the following CSS in your main stylesheet to fix it for all TextInputs in your application:

     

     

    /* Fix for floating text of inputs while scrolling */

     

    s|TextInput {

          skinClass: ClassReference("spark.skins.mobile.TextInputSkin");

    }

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 16, 2012 9:51 AM   in reply to hferreira.80@gmail.com

    Is there a open bug filed to Adobe by anyone on this issue? So we can get some votes on it, if anyone has the link please let us know

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 16, 2012 9:53 AM   in reply to thiagollo

    Maybe create a component which has an invisible StageText TextInput and a visible one with the TextInputSkin. Then the visible one shows the value entered by the invisible which requests softkeyboard and passed the value in changeHandler onto the visible one ?

     
    |
    Mark as:
  • Currently Being Moderated
    Jan 10, 2013 7:23 AM   in reply to tzamora

    friend I have too problem

     

    any idea resolve?

     

    One example code please.

     

    Thank's

     
    |
    Mark as:
  • Currently Being Moderated
    Jan 10, 2013 7:27 AM   in reply to marciofermino

    Use the old Flex 4.5 mobile skin as mention.

    Btw: See the look and fill of my last major release : https://play.google.com/store/apps/details?id=air.com.softbycloud.pers onalfinances

    Currently with Apache Flex 4.9.0 maybe this was fixed.

     
    |
    Mark as:
  • Currently Being Moderated
    Jan 16, 2013 11:55 PM   in reply to FredericCox

    There's bug filed over here please have a look and vote if you are facing the issue
    https://bugbase.adobe.com/index.cfm?event=bug&id=3292370

     
    |
    Mark as:
  • Currently Being Moderated
    Nov 13, 2013 8:31 PM   in reply to thiagollo
     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points