1977628 - Differentiate firefox-supported events from possibly user events in the inspector event tooltip

Status: RESOLVED FIXED

(DevTools :: Inspector, enhancement)

Description

[Alexandre Poirot [:ochameau]]

Attachment: inspector event tooltip

The following test page highlights that we can't immediately spot that "wheel" is a functional DOM Event, whereas "mousewheel" isn't (bug 1529953):
data:text/html,<script>document.addEventListener("wheel", () => {});document.addEventListener("mousewheel", () => {})</script>

It would be nice to add some UI highlights in the inspector event tooltip to help easily spot non native DOM events,
which may be events that Firefox doesn't (yet) support, or may be user defined event.

Comment 1

[Alexandre Poirot [:ochameau]]

Attachment: Bug 1977628 - [devtools] Differentiate DOM Events supported by Gecko from unsupported, or, possibly user-defined DOM Event names. r=#devtools

Comment 2

[Alexandre Poirot [:ochameau]]

Attachment: Bug 1977628 - Expose a JS API to identify DOM Events supported by Gecko. r=#dom-core

This method helps differentiate DOM Events actually implemented by Gecko from:

• Custom events implemented by the page,
• DOM Events possibly implemented in other browsers, but not in Gecko.

Both will be flagged as "User defined" as it is hard to distinguish.

Comment 3

[Pulsebot]

Pushed by [e-mail]:
https://github.com/mozilla-firefox/firefox/commit/90e7252b7c8d
https://hg.mozilla.org/integration/autoland/rev/211254addd80
Expose a JS API to identify DOM Events supported by Gecko. r=dom-core,smaug,devtools-reviewers,nchevobbe
https://github.com/mozilla-firefox/firefox/commit/e43a1f1d163b
https://hg.mozilla.org/integration/autoland/rev/017df5cb42e0
[devtools] Differentiate DOM Events supported by Gecko from unsupported, or, possibly user-defined DOM Event names. r=devtools-reviewers,nchevobbe

Comment 4

[Narcis Beleuzu [:NarcisB]]

https://hg.mozilla.org/mozilla-central/rev/211254addd80
https://hg.mozilla.org/mozilla-central/rev/017df5cb42e0

Comment 5

[Sebastian Zartner [:sebo]]

That seems worth mentioning in the release notes for Firefox 144 at https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/144 and the general ones.

[Why is this notable]: New feature making it easier to debug JS events.
[Affects Firefox for Android]: no
[Suggested wording]: The events tooltip in the Inspector now shows a badge besides custom events, making it easier to differenciate them from built-in events.

Comment 6

[Pascal Chevrel (relman team) -> :pascalc]

Added to the Fx144 release notes