Cannot view HTML form input entry in Firefox.
I have a basic html form embedded in a Wordpress footer widget to collect email addresses and I can place the cursor in the input field (there is only one input field) but I cannot see what I'm typing. If I enter an invalid email address (without being able to see what I'm typing) and hit the submit button I can see on the error page (since a valid email address is required) what I originally typed. The URL is askdrkyle.com and the form is on the left hand side of the footer.
I do not have this problem in any other browser.
Thanks!
Chosen solution
I figured it out. I had adjusted the height of the input element to a height that did not work well with the padding. Once I removed the height style and adjusted the padding I got the size I wanted and can see the text as it should be.
Thanks for your help forgottengods!
Read this answer in context 👍 3All Replies (6)
Did you accidentally set their value to hidden?
I have three fields as part of the form that have been set to "hidden" but the one field that I do not want hidden is the one that I can't see the text that I'm entering.
This is more of a WordPress issue then Firefox. Cause I can replicate the problem on a number of browsers (Firefox, Chrome, and IE). Have you tried opening a support ticket on their end? There might be a hidden option you must select.
That is a good idea. I'll open a ticket on their end. How did you replicate the issue in the other browsers? It's been working on them for me...
Well I have max restriction/security. Also you might be able to view them if you are still logged in as administrator. Try accessing them from a different computer.
Modified by LostGod
Chosen Solution
I figured it out. I had adjusted the height of the input element to a height that did not work well with the padding. Once I removed the height style and adjusted the padding I got the size I wanted and can see the text as it should be.
Thanks for your help forgottengods!