628387 - HTML Select Element Dropdowns Fail to Scale with CSS Transform Scale When Set With JavaScript

Status: RESOLVED DUPLICATE of bug 455164

(Firefox :: General, defect)

Description

[Rob Larsen]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 6.1; en-US; rv:1.9.2.13) Gecko/20101203 Firefox/3.6.13 GTB7.1 ( .NET CLR 3.5.30729; .NET4.0C)
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 6.1; en-US; rv:1.9.2.13) Gecko/20101203 Firefox/3.6.13 GTB7.1 ( .NET CLR 3.5.30729; .NET4.0C)

Using JavaScript to set CSS Transform Scale on an HTML SELECT produces strange results. The visible input itself scales, but the dropdown portion remains fixed in the size/position it would have had in the original scale. 

Demo here:

http://jsfiddle.net/robreact/7YQ7E/2/

Reproducible: Always

Steps to Reproduce:
1.Use JavaScript CSS Tranfsforms to scale a page containing an HTML Select
2. Select the SELECT
3. Watch in wonder as the dropdown portion is left behind. 
Actual Results:  
dropdown remains fixed in original size/position

Expected Results:  
it should scale along with the rest of the page

Comment 1

[aravindm]

Mozilla/5.0 (Windows; U; Windows NT 6.1; en-US; rv:1.9.2.14pre) Gecko/20110124 Namoroka/3.6.14pre

Confirmed. The drop down box remains fixed in original position if larger or largest size is selected and works fine if the default size is selected.

Comment 2

[Rob Larsen]

The same behavior is seen in 4.0b11 as well. Here's an example that shows other transforms (Rotate and translatex) working on the options and scale still failing

http://jsfiddle.net/7YQ7E/6/

Comment 3

[Rob Larsen]

sorry, I mistyped, translatex isn't working in the previous example.

Comment 4

[Nickolay_Ponomarev]

Thanks for your report!

This looks the same as bug 455170, but please reopen if I'm missing something.