Masked Phone number field is hiding first digit

  • Profile Image
    a2reservations
    Asked on March 07, 2015 at 02:53 PM

    Hello,

     

    When users enter the first digit of their phone number in the field, which has a ###-###-#### format, the first digit is "hidden" on the left while you continue to enter digits i.e., if you scroll the the left in the text field it shows up. When you move onto the next field the digits then align to the left and the last digit is then hidden.

     

    Any idea what I'm doing wrong or how I can correct this issue?

  • Profile Image
    jonathan
    Answered on March 07, 2015 at 04:24 PM

    Please try adding this CSS codes in your jotform  http://www.jotformpro.com/form/50646742130954 using the Form Designer

     

    #input_59_full {

    max-width : 125% !important;

    width : 250px !important;

    }

     

    it should work like this

     

     

    Let us know if still not resolved.

    Thanks.

  • Profile Image
    jonathan
    Answered on March 07, 2015 at 04:25 PM

    I am sorry, there was a typo in the CSS code I pasted. Please refer to correction on the width in px value

    #input_59_full {

    max-width : 125% !important;

    width : 250px !important;

    }

     

     

  • Profile Image
    a2reservations
    Answered on March 07, 2015 at 04:49 PM

    Thank you, so much. It is working flawlessly now.

  • Profile Image
    jonathan
    Answered on March 07, 2015 at 05:09 PM

    You are quite welcome. We are glad to be of help.

    Contact us anytime for any other assistance you need.

     

    Regards,