1. #1
    Sencha User
    Join Date
    Feb 2012
    Posts
    49
    Vote Rating
    2
    nish1013 is on a distinguished road

      0  

    Default Unanswered: Android Password form field focus state background CSS issue

    Unanswered: Android Password form field focus state background CSS issue


    The focus state of password shows a white background . I tried to override css but still same effect.
    But no issue with Text fields. It is strange issue

    I did set the inputCls too , this works fine for Text field but Password field shows that white background when focused.

    Any help ?

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,651
    Vote Rating
    899
    Answers
    3575
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    You should inspect the input element to see if the CSS was applied first.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  3. #3
    Sencha User
    Join Date
    Feb 2012
    Posts
    49
    Vote Rating
    2
    nish1013 is on a distinguished road

      0  

    Default


    Many thanks for your reply .

    The CSS override perfectly work with iPhone , but not with Android. And I couldn't find in inspecter where this white background comes from

  4. #4
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,651
    Vote Rating
    899
    Answers
    3575
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Ok, so it works on iOS then that would tell me it's a browser behavior bug.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  5. #5
    Sencha User
    Join Date
    Feb 2012
    Posts
    49
    Vote Rating
    2
    nish1013 is on a distinguished road

      1  

    Default


    Thanks again fro your reply .

    So if it is a "bug", then I assume there is no work around .

    Strange situation is ,it works fine when use Text but when change to Password this issue occurs

  6. #6
    Sencha User
    Join Date
    Oct 2012
    Posts
    1
    Vote Rating
    0
    Tanya_P is on a distinguished road

      0  

    Default


    Add to your css:
    input:focus {
    -webkit-user-modify: read-write-plaintext-only;
    }

Thread Participants: 2