Element inside button does not fire click event in Firefox

Question

This fiddle works in Chrome, but not Firefox. Anyone know why?

Here is the markup:

<button>
    <span onclick="alert('yoo')">hey</span>
</button>

possible duplicate of [span inside button, is not clickable in ff](http://stackoverflow.com/questions/14689879/span-inside-button-is-not-clickable-in-ff) — Bojan Petkovski, Oct 22 '14 at 21:10
http://stackoverflow.com/questions/11069410/click-event-for-element-nested-within-a-button — j08691, Oct 22 '14 at 21:13

score 1 · Accepted Answer · answered Oct 22 '14 at 21:12

1

This is by definition, see 4.10.8 The button element

Content model:
Phrasing content, but there must be no interactive content descendant.

answered Oct 22 '14 at 21:12

Gabriele Petrioli

So you're saying it's a bug that Chrome does fire the alert? – j08691 Oct 22 '14 at 21:14
1

Apparently Chrome likes to deviate from the spec – sh3nan1gans Oct 22 '14 at 21:15
looks that way since IE11 and Opera also do not fire the alert. (*and since the specs describe it so ;)*) – Gabriele Petrioli Oct 22 '14 at 21:16

1 Answers1