W przeglądarkach WebKit (testowałem na Chrome i Safari na Macu) element przycisku zachowuje się dziwnie:

Wen w tym skrzydlehttp://jsfiddle.net/5ReUn/3/ wykonujesz następujące czynności:

Naciśnij lewy przycisk myszy, gdy kursor znajduje się nad tekstem przycisku HTMLPrzesuń kursor (podczas naciskania) do obszaru przycisku bez tekstuZwolnij przycisk myszy

Następnie zdarzenie click na elemencie przycisku nie jest uruchamiane!

HTML jest bardzo prosty:

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

A CSS wcale nie jest wyrafinowany:

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

JS do klikania:

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

Wielu użytkowników mojej witryny skarży się, że przyciski nie są klikalne. Nie zdają sobie sprawy, że przesuwają kursor podczas klikania.

Czy ktoś znalazł obejście tego problemu?