Results 1 to 3 of 3

Thread: Chrome textfield text-size display problem

  1. #1
    Sencha User
    Join Date
    May 2008
    Posts
    24
    Vote Rating
    0
      0  

    Default Chrome textfield text-size display problem

    Hello,

    When using a textfield and changing font-size using an additional fieldCls class; Chrome incorrectly display the cursor size until the field get an input inside.
    The side effect is if you try to simply show a value in that field, it is not shown correctly until you type any char in it.

    Ex:
    {
    "xtype": "textfield",
    "margins": "10",
    "formBind": false,
    "cls": "",
    "componentCls": "",
    "height": 70,
    "id": "ZipCode",
    "width": 247,
    "fieldCls": "x-form-field big-form",
    "allowBlank": false
    }

    cls :
    .big-form {
    font-size: 55px !important;
    }

    I was not able to solve that !

  2. #2
    Sencha User mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    40,050
    Answers
    3976
    Vote Rating
    1381
      0  

    Default

    This is a browser issue, there is nothing we can do about the caret not sizing correctly in initial focus.
    Mitchell Simoens @LikelyMitch
    Modus Create, Senior Frontend Engineer
    ________________
    Need any sort of Ext JS help? Modus Create is here to help!

    Check out my GitHub:
    https://github.com/mitchellsimoens

  3. #3
    Sencha Premium Member
    Join Date
    Mar 2012
    Posts
    4
    Vote Rating
    0
      0  

    Default

    Tx. I founded a solution by set the size to size-1 pixel on the show event of the container.
    I will report the issue to google.

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •