We could make this configurable as an option passed in to addEventListener in order to prevent backwards compatibility issues.

For instance,

eventTarget.addEventListener('foo', () => {}, {
  captureAsyncContext: true,
});

which would essentially be syntactic sugar for manually calling wrap on the handler function

What we almost need is a way of capturing the reference to the async context frame ... something like a...

class AsyncContextFrame {
  static readonly attribute AsyncContextFrame current;
  run(fn, ...args);
}

such that in an object I could do...

class Foo {
  #frame = AsyncContextFrame.current;
  doSomething() {
    return this.#frame.run(() => {});
  }
}

I would expect the pattern to be common enough to justify making a utility... perhaps something simple like

#run = AsyncContext.snapshot(); 

That is simply defined as being equivalent to AsyncContext.wrap((cb, ...args) => cb(..args))