Click events in children of disabled buttons can propagate through the button in Chrome but not Firefox

disabled-button-click-propagation.html

<label for="enable-check">Enable button</label>
<input id="enable-check" type="checkbox">

<div id="parent">
	<button id="child" disabled><div>Click me</div></button>
</div>
<script>
var enableCheckbox = document.querySelector('#enable-check');

enableCheckbox.addEventListener('click', function() {
	document.querySelector('#child').disabled = !enableCheckbox.checked;
});

document.querySelector('#parent').addEventListener('click', function() {
	console.log('parent of disabled button received a click');
});
</script>