Geek Answers Handbook

Select window focus error using -moz-transform in Firefox

I noticed that if I applied the conversion to the focus of the selection box (that is, select: focus) in Firefox, it first focuses the selection box, then you must click the selection box again so that it really drops out. Does anyone else experience this? I tried to find a bug in Mozilla, but did not see anything.

Webkit browsers (tested in chrome) act accordingly.

I'm on Firefox 3.6.7

Test case:

<!DOCTYPE html>
<html>
  <head>
    <style type="text/css">
    select:focus {
      -moz-transform: scale(1.05);
      -webkit-transform: scale(1.05);
    }
    </style>
  </head>
  <body>
    <select>
      <option>One</option>
      <option>Two</option>
    </select>
  </body>
</html>

I discovered a bug in mozilla https://bugzilla.mozilla.org/show_bug.cgi?id=581604

+5
source share
3 answers

The error is still not fixed, but this workaround works:

CSS:

select { -moz-transform: scale(1); }
+2

-webkit-transform , ,

0

We are in 2016, and the mistake is always here ... Even with

select { -moz-transform: scale(1); }
0
source

More articles:


All Articles