880689 - Disabled buttons does not receive custom events

Status: RESOLVED DUPLICATE of bug 329509

(Core :: DOM: Events, defect)

Description

[Arthur Stolyar [:nekr]]

User Agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.31 (KHTML, like Gecko) Chrome/26.0.1410.63 Safari/537.31

Steps to reproduce:

Run this code:
<button  id="test" disabled></button>
<script>
	var button = document.querySelector('#test');

	button.addEventListener('test', function() {
		alert(123);
	});
	button.dispatchEvent(new CustomEvent('test'));
</script>

Please test in real html file, not via data:text/html, ...


Actual results:

Nothing.


Expected results:

Custom event should be dispatched and alert displayed. In Chrome this works. Other browsers are not tested yet.

Comment 1

[Arthur Stolyar [:nekr]]

How to hack via JS: http://pastebin.com/EuvLfqkJ

Comment 2

[Arthur Stolyar [:nekr]]

Also found this bug in IE (tested IE10 on Window 7). But only Firefox fails with wrapped disabling. Some thing like this:
<fieldset disabled>
  <button></button>
</fieldset>
In this case, events 'll not be dispatched on button element.
Shim and test case are here: https://gist.github.com/NekR/5732319

Comment 3

[:Ms2ger (he/him; ⌚ UTC+1/+2)]

Yeah, this is known.