681395 - HTML5 required popup for <select> tags gets cropped off

Status: RESOLVED DUPLICATE of bug 647813

(Core :: DOM: Core & HTML, defect)

Description

[Grant]

Attachment: Screenshot of required popup on dropdowns

User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:6.0) Gecko/20100101 Firefox/6.0
Build ID: 20110811165603

Steps to reproduce:

Take a look at this example: http://jsfiddle.net/grantman16/TBrLQ/

There are instructions in the Javascript box to help reproduce the problem.

The problem occurs when submitting a form with a blank selection in a <select> that has the HTML5 required attribute.


Actual results:

The required popup ("Please select an item in the list") gets cropped off (or stretched out, see link) depending on the width of the dropdown.


Expected results:

It should behave like the required popups on textboxes.

Comment 1

[(mostly gone) XtC4UaLL [:xtc4uall]]

Confirmed for Mozilla/5.0 (Windows NT 5.1; rv:9.0a1) Gecko/20110823 Firefox/9.0a1 ID:20110823085420.

In Comparison: Mozilla/5.0 (Windows NT 5.1) AppleWebKit/535.2 (KHTML, like Gecko) Chrome/15.0.860.0 Safari/535.2 seems to use a fixed Size/Position.

Comment 2

[j.j.]

 <option />
 <option>Foo</option>
 <option>Bar</option>

You have unclosed <option>, remove it or replace with
<option></option>

Trailing slashes /> are XML syntax and do nothing in HTML.
(Don't use trailing slashes in HTML at all, it's just useless, safe your typing time!)

Comment 4

[j.j.]

> You have unclosed <option>

Sorry, that's wrong, that was an jsfiddl issue.

Comment 5

[j.j.]

Attachment: Reporter's testcase