2010-07-23 5 views
5

J'ai remarqué que si j'applique une transformation sur un focus de boîte de sélection (c.-à-select: focus) dans Firefox, il se concentre d'abord la boîte de sélection, puis vous cliquez sur la boîte de sélection encore une fois pour qu'il tombe réellement. Quelqu'un d'autre l'expérience cela? J'ai essayé de chercher un bug sur Mozilla mais je n'ai rien vu.Sélectionnez bug focus boîte en utilisant -moz-transformer dans Firefox

Les navigateurs Webkit (testés en chrome) agissent de manière appropriée.

Je suis sur Firefox 3.6.7

cas de test:

<!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> 

J'ai ouvert un bug à mozilla https://bugzilla.mozilla.org/show_bug.cgi?id=581604

+0

Je confirme votre comportement que vous êtes expérimenter. – ScottS

+0

Également se passe pour moi sur 3.6.8 et 4.0 beta1 – Josh

+0

Confirmer. Avoir ce bug sur FF 4.0.1. –

Répondre

2

Le bug n'est toujours pas résolu, mais cette workaround œuvres:

Ajouter au CSS:

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

C'est la meilleure solution que j'ai vu jusqu'à ce qu'ils corrigent le bogue, mais au moins pour moi il montre toujours quelques artefacts bizarres avec le texte. – Josh

0

la -webkit transformée pourrait être écraser essayer le supprimer et voir ce qui se passe ou voir si la transformation régulière fonctionne encore

+1

Je doute fortement que. Les balises spécifiques au fournisseur sont ignorées par les autres navigateurs. C'est pourquoi '-webkit-border-radius' ne fait rien dans FF. –

0

Nous sommes en 2016 et le bug est toujours là ... Même avec

select { -moz-transform: scale(1); } 
Questions connexes