Chrome 10 problem with Text Area typing when have description - see demo

  • Profile Image
    markashton
    Asked on March 11, 2011 at 04:14 AM

    Hi,

     

    Please relate to this demo: http://www.jotform.com/form/10695545250

    Unless it is unique to my machine there is a problem with Chrome 10 trying to type into a Text Area

     

    Please try it folks - let me know if you have same problem. I can't reproduce problem in any other browser ?

     

    Regards Mark

  • Profile Image
    abajan
    Answered on March 11, 2011 at 05:01 AM

    Hi markashton

    Let me run some test on a clone of your form and see what could be causing this because I'm getting the same problem in Chrome 10. (I haven't tested it in other browsers as yet.)

    UPDATE: It's certainly a bug of some sort. I tested the form (well, more correctly, my clone of your form) on my other browsers and got the same results you did: No problems.

    I'll let the developers know about it. Until they fix it, what you can do is substitute a "Hint Example" for hover text.

    Thanks very much for pointing that out. Please feel free to post any other queries and our team will be glad to assist.

  • Profile Image
    markashton
    Answered on March 11, 2011 at 05:25 AM

    Hi Abajan,

    I've had a look at this a bit more and stripped out the inject CSS that I had.

    It works then.

    I've narrowed it down to the code code that I injected to position the description element of another field

    The ID is not relevent I believe as it does not relate to anything on the form.

    This code, that overrides an inline style (created for description elements on shrunk fields) seems to cause trhe problem. Please try this code

    #id_47 div[style].form-description {right: -170px !important;} 

     

    Thanks, Mark

  • Profile Image
    abajan
    Answered on March 11, 2011 at 05:29 AM

    LOL I didn't realize you had injected CSS. I might have taken all day trying to figure out what was causing this most peculiar bug.

    Good information to know however. Thanks for sharing.

     

    P.S. I just had a look at the CSS. That's the most injected CSS I've ever seen! :)

  • Profile Image
    markashton
    Answered on March 11, 2011 at 05:35 AM

    Sorry about that. I have stripped it from the demo form apart from the rogue element.

    This CSS code causes the phenomena. It's a pain because i need to position the shrunk element descriptions. However, when youtry and do it by CSS for the ID you notice it doesn't work because an inline style has been chucked in automatically which overrides the external syle you have implemented. Hence the code you see.

    Only on testing in browsers did I come across Chrome text area keyboard type problem

    Thanks abajan - hope you are a genius and can help out

  • Profile Image
    markashton
    Answered on March 11, 2011 at 11:00 AM

    Hi

    How does this look -  is it a problem with Chrome or is there anything that can be done?

    Regards Mark

  • Profile Image
    liyam
    Answered on March 12, 2011 at 03:38 AM

    Hello markashton,

    This time I can't explain properly what caused the problem.  It may have been due to some Chrome conflicts with CSS, I don't know ...

    But then I also noticed a few things, not sure if you've been trying to delete some fields and adding again since I noticed your ID in your CSS injection statement above is using #id_47 and then I saw in your source that the ID inside the

    that has the text area involved has an ID #id_62.

     

    Anyway, what you can do is simply remove div[style], So your CSS injection would just become:

    #id_62 .form-description {right: -170px !important;}

    Hope this helps.