New issue 119423 by theodorejb: Applying setCustomValidity() to a required
textarea causes odd visual bugs
http://code.google.com/p/chromium/issues/detail?id=119423
Chrome Version : 17.0.963.79
OS Version: 6.1 (Windows 7, Windows Server 2008 R2)
Other browsers tested:
Internet Explorer 10 : OK
Firefox 13a2 : OK
Opera 11.61 : OK
Chromium build 128075: FAIL
What steps will reproduce the problem?
1. Add the "required" attribute to an HTML5 form textarea.
2. Use the oninput event and setCustomValidity() to add a validation
message to the textarea.
3. Enter invalid text into the textarea and submit the form to show the
validation message.
3. Hover mouse over validation message bubble and enter additional invalid
text into the textarea.
What is the expected result?
Validation bubble should display message correctly.
What happens instead?
The message is duplicated within the validation bubble until the mouse is
moved off the bubble.
Please provide any additional information below. Attach a screenshot if
possible.
Another visual issue I noticed is that the textarea resize handle is
duplicated above the top-right corner of the validation bubble (this
happens regardless of whether the mouse is hovered over the bubble).
UserAgentString: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/535.11
(KHTML, like Gecko) Chrome/17.0.963.79 Safari/535.11
Attachments:
validation_bubble glitch.png 5.9 KB