pulsante di invio stato 'depresso' sulla messa a fuoco - bug bug potenziale?

Question

Cosa sono i pulsanti di invio in Chrome?

<input type='text' placeholder='Dummy Input'/> 
<input type='submit'/> 

Lo stato attivo 'depresso' del pulsante di invio si verifica solo se il pulsante non lo fa hanno messa a fuoco. Per riprodurre, vedi this JSFiddle. In effetti, il campo di testo non è davvero nemmeno necessario, solo per consentire lo zoom scheda nel pulsante di invio.

Quindi andare avanti, posizionare il cursore nel campo di testo, premere scheda e fare clic su Invia mentre il pulsante è a fuoco (arancione). L'evento si attiva, ma il pulsante non rilascia non.

Premendo la barra spaziatrice quando è focalizzato invece di click sarà premere il pulsante. (thx @Ineentho) Cosa dà?

Nota: ho submitted this al Issue Tracker Chrome

Answer 1

Confermato bug Chrome.

Vedere il problema presentato: Chrome Issue 240137 che è stato appena incorporato in Chrome Issue 238560.

Assegnare taglie a @SzőkePéter per fornire una soluzione temporanea.

Answer 2

Si potrebbe utilizzare un javascript/jquery a un-focalizzare la casella di testo al passaggio del mouse in modo che il: proprietà attive sarebbero applicate quando si fa clic.

$("input[type=submit]").hover(function(){ 
    $(this).blur(); 
}); 

Inoltre, è possibile applicare i CSS per il: focus pseudoclasse, modo che la struttura sarebbe sempre essere invisibile.

input[type=submit]:focus {outline:none;} 

Vedi questo violino: http://jsfiddle.net/qahcJ/1/

UPDATE

penso che non si può risolvere questo senza Javascript hack, ecco un modo molto più semplice per farlo. Basta usare questo pezzo di codice:

$("input[type=submit]").bind("mousedown",function(e){ 
    return false; 
}); 

Demo: http://jsfiddle.net/gFMTt/