zone.js throws TypeError when passing AbortController as options to addEventListener

[zzmp]

Which @angular/* package(s) are the source of the bug?

zone.js

Is this a regression?

No

Description

window.addEventListener takes an options argument, which can be shaped as { signal: AbortSignal }. AbortController satisfies this interface, and can be passed to addEventListener in the native implementation:

window.addEventListener('keydown', () => {}, new AbortController)

However, zone.js is clever with passing the signal, and un-assigns and re-assigns it to taskData.options avoid passing it internally. taskData.options is initialized to the original options argument, so it is initialized to an instance of AbortController, for which signal is a getter. This results in a TypeError. Instead, for this to work in zone.js, you need to destructure:

window.addEventListener('keydown', () => {}, { signal: (new AbortController).signal })

zone.js should not be using the original options argument (to save memory) and assigning to it, as it is of an unknown type and the options properties may not be writable.

Please provide a link to a minimal reproduction of the bug

N/A - see explanation for one-liners

Please provide the exception or error you saw

TypeError: Cannot set property signal of [object AbortController] which has only a getter

Please provide the environment you discovered this bug in (run ng version)

zone.js: 0.14.4
Google Chrome: 122.0.6261.94 (Official Build) (arm64)

Anything else?

No response

[JeanMeche]

Hi, thank you for reporting this issue, this is already being tracked at #54142.

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}