Unable to find firefox developer edition event listener breakpoints in the debugger?

Question

In Chrome, a user can open up the DevTools Debugger and easily select an event listener breakpoint on the right in the "Sources" Pane.

I have been unable to find these features in the Firefox Developer Edition debugger. Curiously, when visting the Firefox Developer Edition website, they have a video that shows a user easily opening up the inspector, switching to the debugger, and clicking a panel on the right to bring up all these event breakpoints. In the version of Firefox Developer Edition that I am using (54.0a2), however, these buttons do not exist.

I have literally clicked every button on the debugger panel and am left scratching my head.

It seems almost unbelievable these features do not exist or were removed in a "developer edition" browser. Hoping someone can point me in the right direction.

Answer 1

Setting breakpoints on event listeners is obviously not yet implemented in the new debugger UI, but there's already a request to add it.

Note that you can simply switch back to the old debugger frontend by unchecking the Enable new debugger frontend option in the settings (only available in Firefox Nightly):

or by going to about:config and setting the preference devtools.debugger.new-debugger-frontend to false.