1382110 - Click event is not triggerable by button::after

Status: RESOLVED FIXED

(Core :: DOM: Events, defect, P3)

Description

[KM Lee [:rexboy] (inactivate after Sep. 22)]

See example:
https://jsfiddle.net/xzb031x0/3/

1. create a button and add onclick event listener
2. create an ::after element by css to that button
3. move ::after to an arbitrary position by "position: absolute" with "left:" and "top:"
4. try clicking on that after element

Expected:
  The onclick listener to the button should be triggered.
Actual:
  The onclick listener to the button is not triggered.


If I'm using a div rather than a button, the behavior above no longer exist. This seems to be confused and I'm not sure if this is intentional. In some cases we have to use button rather than workaround by using div.

Comment 1

[Andrew Overholt [:overholt]]

Maybe smaug knows what's up here?

Comment 2

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

I don't even know which spec might hint the right behavior here.
Of course hit testing itself isn't spec'ed at all.

But this has been our behavior forever.

Comment 3

[Thomas Wisniewski]

Attachment: testcase.html

Given that Edge, Chrome, and Safari all trigger click events in this test-case, and this is something that users are now noticing this on YouTube (see webcompat.com issue #13547), I think this is something we should address.

Comment 4

[Mike Taylor [:miketaylr]]

Setting to [webcompat:p3] since this affects functionality on Youtube.

Comment 5

[Mike Taylor [:miketaylr]]

This was fixed by Bug 1089326. \o/

(just marking as fixed, not a dupe. if someone cares, please change)