Menu
I've noticed that if I apply a transform on a select box focus (i.e. select:focus) in Firefox it first focuses the select box then you must click the select box again for it to actually drop down. Anyone else experience this? I tried looking for a bug at Mozilla but didn't see anything.
Webkit browsers (tested in chrome) act appropriately.
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've opened a bug at mozilla https://bugzilla.mozilla.org/show_bug.cgi?id=581604
293
The bug is still not fixed, but this workaround works:
Add to CSS:
select { -moz-transform: scale(1); }
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
