En los navegadores WebKit (que probé en Chrome y Safari en Mac), el elemento del botón se comporta de forma extraña:

Wen en este violínhttp://jsfiddle.net/5ReUn/3/ usted hace lo siguiente:

Presione el botón izquierdo del ratón mientras el cursor está sobre el texto del botón HTMLMueva el cursor (mientras se presiona) a un área del botón sin textoSuelte el botón del ratón

Entonces el evento de clic en el elemento del botón no se dispara!

HTML es muy simple:

<button id="button">Click</button>

Y el CSS no es sofisticado en absoluto:

button {
    display: block;
    padding: 20px;
}

JS para captura de clics:

button = document.getElementById('button');
button.addEventListener('click', function() {
    console.log('click');
});

Muchos visitantes a mi sitio se quejan de que los botones no se pueden hacer clic. No se dan cuenta de que están moviendo el cursor mientras hacen clic.

¿Alguien ha encontrado una solución para esto?