javascript - 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>

Answer 1

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

button span {
  pointer-events: none;
}