747081 - CSS translate on <select> or any parent breaks drop-down hit area

Status: RESOLVED DUPLICATE of bug 664707

(Core :: CSS Parsing and Computation, defect)

Description

[gonchuki]

Attachment: minimal reduction

Given the following example (also attached for convenience): 
<select style="-moz-transform: translate(0, 100px)">
  <option>one</option>
  <option>two</option>
</select>

you will get that when you open the select, the options are rendered where they should but the hit area of the drop-down box is also vertically translated 100px so you cannot click on the items themselves (holding the mouse while opening reveals where the true hit area is, the .offsetTop of the <option> element also reveals the wrong coordinates).

I created a Javascript-based reduction that helps feature test against this bug, testing both on the parent[1] and the select itself[2] and could confirm that this happens at least on Firefox 12 Mac, Firefox 11 Win and a colleague tells me he saw this even on Firefox 3.6.

I can't install Nightly right now, but given that I found no tracks of this here on Bugzilla I suppose the bug is still in the wild.

[1] http://jsfiddle.net/gonchuki/vxS3L/
[2] http://jsfiddle.net/gonchuki/vxS3L/1/

Comment 1

[Timothy Nikkel (:tnikkel)]

This should be fixed on trunk now. The testcase worked for me. Please try a build with bug 664707 fixed (version 13 or higher), if that doesn't work then please reopen this bug.