Credit card field in payment tool exceeds the form size in Samsung's built in internet browser?

  • BDH0001
    Asked on June 14, 2016 at 8:09 AM

    Hi you beautiful Jotform support guys,

    You very kindly helped me with code to add to my form to fix the mobile view. This has worked very well indeed on all 3 browsers on my phone. The only problem I have now is that while browsing the form with the default internet browser on my samsung the credit card payment fields are so outrageously long. This is not happening on chrome and firefox. Do you have any suggestions. It also happens with your grouped address widget.

     

    Kind Regards,

     

    Brian

    Jotform Thread 860164 Screenshot
  • Charlie
    Replied on June 14, 2016 at 10:49 AM

    I was able to replicate the problem, it seems like it is specific on Samsung built in internet browser. 

    Credit card field in payment tool exceeds the form size in Samsungs built in internet browser? Image 1 Screenshot 60

     

    I tested it on other mobile browsers and was not able to replicate the problem.

    Chrome:

    Credit card field in payment tool exceeds the form size in Samsungs built in internet browser? Image 2 Screenshot 71

     

    Safari:

    Credit card field in payment tool exceeds the form size in Samsungs built in internet browser? Image 3 Screenshot 82

     

    Edge on Windows phone:

    Credit card field in payment tool exceeds the form size in Samsungs built in internet browser? Image 4 Screenshot 93

     

    However, upon further testing, it seems like the true culprit is the theme that you are using, the theme seems to have a specific styling for the credit card fields that is not properly loading in the Samsung browser. To support this observation, here's a cloned form that I have using the default theme: https://form.jotform.com/61654805262961. I added the Mobile Responsive widget on that form.

    You can see that it works properly on a default theme:

    Credit card field in payment tool exceeds the form size in Samsungs built in internet browser? Image 5 Screenshot 104

     

    Here's the link to the default theme in our Theme Store: https://www.jotform.com/theme-store/theme/default-theme 

    You might need to reset your form theme and re-apply the design you have.

    I hope that helps.