Andrew Ballard Reporter
	Description • 17 years ago

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.1.9) Gecko/20071025 Firefox/2.0.0.9
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.1.9) Gecko/20071025 Firefox/2.0.0.9

When adding a single OPTGROUP to a SELECT list using JavaScript, there is extra space at the top of the list above the label. If I click this area, the first option in the list is selected.

Reproducible: Always

Steps to Reproduce:
1. Remove all existing child nodes from a list.
2. Append a single OPTGROUP element to the list using JavaScript.
3. (Optional) Append OPTION elements to the OPTGROUP.
Actual Results:  
The items are displayed in the correct location relative to each other, but there is space for an blank option above the label for the OPTGROUP element. Clicking on this blank option above the OPTGROUP selects the first item in the list.

Expected Results:  
The label should be at the top of the SELECT list area.

The problem does not appear if the list contains more than one OPTGROUP. I have noticed this in at least the last couple releases of Firefox that I have used.

	Boris Zbarsky [:bzbarsky]
	Comment 1 • 17 years ago

Please attach an HTML page showing the problem.

	Andrew Ballard Reporter
	Comment 2 • 17 years ago

The list renders correctly when I select "All" to show all 4 groups together or "4" to show only the last group (which has no OPTGROUP). If I select group 1, 2, or 3, the list renders with the space described in the bug report.

	Boris Zbarsky [:bzbarsky]
	Comment 3 • 17 years ago

Ah, right.  Looks like bug 240470.  This is fixed in the alphas of Gecko 1.9 (the rendering engine slated to be in Firefox 3).