I am still not sure how to word it. It’s about the small tooltip/popup that firefox5 gives for form fields (as form validation), if they have been given the property required=“required”.
I have a simple form with select, textbox and button. select and textbox have the attribute required=‘required’. Now when i press the button, it is giving the red border around these fields. But firefox 5 gives a small popup with message ‘pl fill this field’.
For select as well as textbox I have set width as 100px. But for selectbox it is cutting the validation-popup as well. I tried to set the width as auto. But again for textbox it is working, and select it is not working.
is it a bug is firefox5?
Please check the screenshots for easy understanding.
HTML5 validation in Firefox sucks in my personal opinion, not only does it not work properly but if the form is at a given location on the page the validation tooltip follows you up and down the page.
sorry i missed to mention. if you do an hover on it, it shows correct msg as ‘please select an item in the list’. But the problem occurs when you hit the submit button , without selecting any items from the list.
the error is coming even with the code that you have posted. The tooltip comes fine, but the error-tooltip (when you click on submit without selectng any value) has same problems. It is in windows.