2010-07-23 16 views
5

Ho notato che se applico una trasformazione su un focus casella di selezione (ad esempio selezionare: messa a fuoco) in Firefox in primo luogo si concentra la casella di selezione è necessario fare clic sulla casella di selezione di nuovo per farlo effettivamente scendere. Qualcun altro lo sperimenta? Ho provato a cercare un errore su Mozilla ma non ho visto nulla.Selezionare riquadro di messa bug utilizzando -moz-trasformo in Firefox

I browser Webkit (testati in chrome) funzionano in modo appropriato.

Sono su 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> 

Ho aperto un bug di Mozilla https://bugzilla.mozilla.org/show_bug.cgi?id=581604

+0

io confermo il comportamento si è vivendo. – ScottS

+0

Succede anche per me su 3.6.8 e 4.0 beta1 – Josh

+0

Conferma. Avere questo bug su FF 4.0.1. –

risposta

2

Il bug non è ancora risolto, ma questo workaround opere:

Aggiungi ai CSS:

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

Questa è la soluzione migliore che ho visto fino a quando non risolvono il bug, ma almeno per me mostra ancora alcuni artefatti strani con il testo. – Josh

0

il -webkit-trasformare potrebbe essere sovrascrivendola provare rimuoverlo e vedere cosa succede o di vedere se regolare trasformare ancora opere

+1

Ne dubito fortemente. I tag specifici del fornitore vengono ignorati da altri browser. Questo è il motivo per cui '-webkit-border-radius' non fa nulla in FF. –

0

Siamo nel 2016 e il bug è sempre qui ... Anche con

select { -moz-transform: scale(1); } 
Problemi correlati