1459379 - Can't addEventListener to <i> element

Status: RESOLVED DUPLICATE of bug 1089326

(Core :: DOM: Events, defect)

Description

[me]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/66.0.3359.139 Safari/537.36

Steps to reproduce:

I addEventListener('click') to <i> element, and clicked it.

ielement.addEventListener('click', () => console.log('clicked'))


Actual results:

the function was not called.


Expected results:

the function should be called

Comment 1

[Gingerbread Man]

Attachment: click.html

Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:61.0) Gecko/20100101 Firefox/61.0
20180504220115

Works for me.

Comment 2

[Olli Pettay [:smaug][[e-mail]]]

WFM too.

Reporter, can you provide a minimal testcase showing the issue. Please attach the testcase using
'Add an attachment ' link.

Comment 3

[me]

Attachment: clicked

When i surround the <i> with a <button>, the function will not be called.

Comment 4

[me]

(In reply to me from comment #3)
> Created attachment 8973443 [details]
> clicked
> 
> When i surround the <i> with a <button>, the function will not be called.

by the way, it works in both Chrome and Safari except Firefox

Comment 5

[Olli Pettay [:smaug][[e-mail]]]

ok, nothing to do with <li>, but <button>. We implement <button> the way it was defined in HTML4, but the spec has changed. In Gecko nothing inside <button> gets mouse events, only the <button> itself.