Mat autocomplete input change event bleeds 'event' object

🐞 bug report

Affected Package

The issue is caused by package @angular/material 9.1.2

Is this a regression?

not sure.

Description

The event (change) will pass down an “event” object to the handler, even if it’s not specified as a parameter.

🔬 Minimal Reproduction

https://stackblitz.com/edit/angular-x78zg6

see the autocomplete-overview-example.html lines 6-7, and their correspoding hander on autocomplete-verview-example.ts lines 65-72.

🔥 Exception or Error

console.log shows that we have an “event” object, although it is not defined in the function parameter list.

🌍 Your Environment

Angular Version: see stackblitz dependencies.

[pkozlowski-opensource]

@KissBalazs thnx for the additional clarifications! You are totally right to be confused as to why one can access event! It turns out, though, that it is not Angular specific but you are bumping into https://developer.mozilla.org/en-US/docs/Web/API/Window/event

The long story short that browsers will expose event (for the event being processed) on the window. Since window acts as a global in the browser environment, you can access it in your event handler. You would observe the same effect Angular or not.

Going to close this one as it is not specific to Angular but rather to how browsers work. But hey, totally see how this could be confusing!

[pkozlowski-opensource]

After a quick scan it looks like a duplicate of #4059 where we’ve got a conflict between the (change) event on an <input> and the change event raised by a directive. Needs more investigation.