Search code examples
javascriptcssdrupaldrupal-7drupal-webform

Can't focus or type on email field


The weird thing I noticed today working on a website is that in footer section of site I have a quick contact form which I cant focus on email field in Firefox, in chrome it works as it suppose to, but I have no idea what's wrong with it in firefox, and I didn't really have the time or will to check it in IE too.

the website is on Drupal and the form is webform module's block. as far as I know there is no javascript file specified on the fields and one thing I noticed is that if I inspect the email field and change the type to something else, it works!

I appreciate any help, thanks.


Solution

  • It's a CSS issue.

    In your CSS, you have this selector .block-webform input.email. Just add height: auto; to it.

    Actually you can type normally on the field, you can not just see what you typed due to CSS height limitation caused by limiting the height using this CSS property height: 1.8em;.

    I'm not able to tell you the lines' numbers because you compressed the CSS files :), but I believe you can easily find them.