Select requires two clicks to open when applying -moz-transform scale to focus

UNCONFIRMED
Unassigned

Status

()

Core
Layout: Form Controls
UNCONFIRMED
7 years ago
a year ago

People

(Reporter: Josh Brackett, Unassigned)

Tracking

({css-moz, testcase})

Trunk
css-moz, testcase
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

Attachments

(1 attachment)

(Reporter)

Description

7 years ago
User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 6.0; en-US; rv:1.9.2.8) Gecko/20100722 Firefox/3.6.8 (.NET CLR 3.5.30729)
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 6.0; en-US; rv:1.9.2.8) Gecko/20100722 Firefox/3.6.8 (.NET CLR 3.5.30729)

I would like to scale input boxes including select boxes when the user focuses the input box.  Select boxes change behavior when I add a transform to the focus though.

<style type="text/css">
    select:focus {
      -moz-transform: scale(1.05);
      -webkit-transform: scale(1.05);
    }
</style>

Reproducible: Always

Steps to Reproduce:
1. Apply style
2. Click on select box
3. Click again to view options
Actual Results:  
Have to click the select box twice.  First one focuses it, second time opens it.

Expected Results:  
1. Apply style
2. Click on select box and see options
(Reporter)

Comment 1

7 years ago
Created attachment 459960 [details]
Shows bug
(Reporter)

Updated

7 years ago
Keywords: css-moz, testcase
(Reporter)

Updated

6 years ago
Version: unspecified → 4.0 Branch
(Reporter)

Updated

6 years ago
OS: Windows Vista → All
This bug was reported using a pre-release version of Firefox 4. Now that Firefox 4.0.1 final has been released, can you please update and retest your bug? A fresh profile would be a good starting place to test, 
http://support.mozilla.com/kb/Managing+profiles. If you continue to see the issue, can you please update this bug with your results?

Filter: firefox4prebugsunco
(Reporter)

Comment 3

6 years ago
(In reply to comment #2)
> This bug was reported using a pre-release version of Firefox 4. Now that
> Firefox 4.0.1 final has been released, can you please update and retest your
> bug? A fresh profile would be a good starting place to test, 
> http://support.mozilla.com/kb/Managing+profiles. If you continue to see the
> issue, can you please update this bug with your results?
> 
> Filter: firefox4prebugsunco

The issue remains with Firefox 4.0.1.  No update to the test case is needed.
Version: 4.0 Branch → Trunk

Updated

6 years ago
Component: General → Layout
Product: Firefox → Core
QA Contact: general → layout
Version: Trunk → 2.0 Branch
This is the usual issue where reframing the <select> messes with click handling.  In particular, what's happening here is that you click, the <select> opens the dropdown, then the whole <select> rendering object is destroyed and recreated because of the transform setting....

You can work around this by using |select { -moz-transform: scale(1); }| in your stylesheet, so the scale change won't need to reframe.
(Reporter)

Comment 5

6 years ago
(In reply to comment #4)
> This is the usual issue where reframing the <select> messes with click
> handling.  In particular, what's happening here is that you click, the
> <select> opens the dropdown, then the whole <select> rendering object is
> destroyed and recreated because of the transform setting....
> 
> You can work around this by using |select { -moz-transform: scale(1); }| in
> your stylesheet, so the scale change won't need to reframe.

Thank you for the comment and work around Boris.
Component: Layout → Layout: Form Controls
QA Contact: layout → layout.form-controls
Hardware: x86 → All
Version: 2.0 Branch → Trunk

Updated

a year ago
Duplicate of this bug: 1273337

Updated

a year ago
Duplicate of this bug: 1273337
You need to log in before you can comment on or make changes to this bug.