Text Area - Rich Text; Width is squished on mobile

  • shoptologymark
    Asked on March 18, 2015 at 6:00 PM

    When using a "Text Area" in its rich text mode -- The form is squished on mobile. 

    Any ideas to fix this?

    I don't use a rich text until the second page of my form if you'd like to look at it on your mobile device:

    https://secure.jotform.us/form/43156967773166

    Thanks,

    Mark

  • jonathan
    Replied on March 18, 2015 at 10:15 PM

    I was able to reproduced the issue when I checked your jotform http://www.jotform.us/form/43156967773166  on mobile browser.

    Text Area   Rich Text; Width is squished on mobile Image 1 Screenshot 30

     

     

     

     

     

    the quick fix I found so far is by setting the TextArea field mode to use Plain Text only.

    Text Area   Rich Text; Width is squished on mobile Image 2 Screenshot 41

     

     

    Let me check further if there is a CSS code that can be used to override the behavior of the Rich-Text TextArea field when used on mobile browser.

    I will update here as soon as possible.

    Thanks.

     

  • raul
    Replied on March 19, 2015 at 11:51 AM

    Please try to inject the following CSS code to your form: 

    #cid_35 > *, #cid_17 > *, #cid_38 > *, #cid_67 > *, #cid_45 > *, #cid_68 > *, #cid_76 > * {   width : 100% !important;
    }

    Based on my tests, this should fix the issue.

    Text Area   Rich Text; Width is squished on mobile Image 1 Screenshot 20

    Let us know if this works or not.
    Thank you.

  • raul
    Replied on March 19, 2015 at 1:15 PM

    Can you try to see if this also happens with this form: http://form.jotformpro.com/form/50774331300949? it's a cloned version of your form which I have modified a bit and tested on my phone.

    I was able to enter data into it without a problem.

    Text Area   Rich Text; Width is squished on mobile Image 1 Screenshot 20

    If it works on your side too, feel free to clone it to your account to check it further.
    Thanks.

  • Mark
    Replied on March 19, 2015 at 1:33 PM

    Your form works! I'll try cloning it

  • Kiran Support Team Lead
    Replied on March 19, 2015 at 3:33 PM

    Great! Glad to see that the form modified by our colleague works for you. Please do not hesitate to get back to us if you need any further assistance. We will be happy to help.

    Thank you for using JotForm!