Open Bug 581604 Opened 14 years ago Updated 1 month ago

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

Categories

(Core :: Layout: Form Controls, defect)

defect

Tracking

()

UNCONFIRMED

People

(Reporter: jbrackett+bugzilla, Unassigned)

References

Details

(Keywords: css-moz, testcase)

Attachments

(1 file, 1 obsolete file)

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
Attached file Shows bug
Keywords: css-moz, testcase
Version: unspecified → 4.0 Branch
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
(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
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.
(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
Severity: normal → S3
Attachment #9383752 - Attachment is obsolete: true
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: