Missing click event for <span> inside <button> element on firefox

Question

I am experiencing problem with Firefox 32 when I bind action on click event of span element inside a button element. Other browsers seems to works well.

Here the code illustrating the issue on jsFiddle.

<span onClick="alert('test');">**Working**</span><br>  <button>inside a button <span onClick="alert('test');">**Not working**</span></button>

Does anybody know why and if it's a bug or a feature ?

Answer 1

You have to add the pointer-events property to the span element.

button span {   pointer-events: none; }