Загрузка входного файла не работает в меню угловых материалов

Question

У меня есть Angular Material Menu и помещен элемент управления загрузкой входного файла. Окно выбора файла не открывается, когда я нажимаю на элемент управления загрузкой файла. Он не работает, потому что файл ввода находится внутри меню Angular Material.

<mat-menu #menu="matMenu" [overlapTrigger]="false">
<input type="file"/> 
</mat-menu>

Если есть предложения по работе с типом входного файла внутри меню

Answer 1

Работает вне формы:

<button mat-button [matMenuTriggerFor]="menu">Menu</button>
<mat-menu #menu="matMenu" [overlapTrigger]="false">
  <input (click)="$event.stopPropagation()" type="file"/> 
</mat-menu>

(click)="$event.stopPropagation()" позволяет сохранить меню открытым после нажатия кнопки «Обзор» на входе.