385858 - Multiple <SELECT> with display:block is incorrectly offset from floated neighbour

Status: RESOLVED WORKSFORME

(Core :: Layout: Floats, defect)

Description

[Stuart Campbell]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-GB; rv:1.8.1.4) Gecko/20070515 Firefox/2.0.0.4
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-GB; rv:1.8.1.4) Gecko/20070515 Firefox/2.0.0.4

A multiple <SELECT> element with display: block and a left margin will be offset from any left-floated neighbour, instead of the parent element as expected. The problem does not occur with single-<SELECT> boxes.

See test case attachment for a better explanation.

Reproducible: Always

Steps to Reproduce:
1. Float an element to the left of a multiple <SELECT> box
2. Set display: block and a margin-left on the <SELECT>
Actual Results:  
Left margin is calculated from right edge of left-floated element.

Expected Results:  
Left margin should be calculated from left edge of parent element.

Comment 1

[Stuart Campbell]

Attachment: Test case

Comment 2

[Boris Zbarsky [:bzbarsky]]

The rendering is correct now: both are replaced elements and treated as such.

Note that this means that the combobox now behaves like the listbox.

See also bug 342531.