1861266 - Wrong event.target in dialog element when using formassociated custom element

Status: NEW

(Core :: DOM: Events, defect)

Description

[Evertjan Garretsen]

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

Steps to reproduce:

Whenever "static formassociated = true;" is used in a custom element, a event listener listening to click events (via event delegation) gets the wrong "event.target" when the click is inside in a dialog element within that custom element. This does not happen in Chrome, Safari, or Edge. Only in Firefox.

I created a github repo that demonstrates the bug. It's kinda hard to explain in text, easy to see when demonstrated.

[e-mail]:evertjanMlbrgn/DialogCloseBug.git

Actual results:

The click event listener gets the wrong event.target and doesn't close the dialog as a result of that.

Expected results:

The click event listener should get the correct event.target and then the code will be able to close the dialog.

Comment 1

[Evertjan Garretsen]

Sorry i copied the ssh link to my repo. The https link is https://github.com/evertjanMlbrgn/DialogCloseBug.git

Comment 2

[Evertjan Garretsen]

Safari doesn't work at all i just discovered. Chrome and Edge work perfectly.

Comment 3

[BugBot [:suhaib / :marco/ :calixte]]

The Bugbug bot thinks this bug should belong to the 'Core::DOM: Events' component, and is moving the bug to that component. Please correct in case you think the bot is wrong.

Comment 4

[Negritas Sergiu, Desktop QA]

Hello I have managed to reproduce the issue with firefox 121.0a1(2023-11-07) on Ubuntu 22.04 and MacOS 12 with the link provided in comment 1. I will mark this issue as NEW in order to get our developers involved.

Have a nice day!