Add role control

APP/src/app/features/expense/components/expense-form-dialog/expense-form-dialog.component.html

@@ -85,10 +85,16 @@
     <!-- Reimbursement mode: receipt file input -->
     <ng-container *ngIf="mode === 'reimbursement'">
       <label class="flex flex-col gap-1 md:col-span-2">Receipt (optional)
+        <!--
+          Stop the native 'cancel' DOM event (fired when the OS file picker is dismissed)
+          from bubbling up to the host, where it would collide with this component's
+          @Output() cancel and wrongly close the dialog. See Angular issues #50556 / #13997.
+        -->
         <input
             type="file"
             accept="image/*,application/pdf"
             (change)="onFileSelected($event)"
+            (cancel)="$event.stopPropagation()"
             class="block w-full text-sm text-gray-700 file:mr-3 file:py-1 file:px-3 file:rounded file:border-0 file:text-sm file:bg-gray-100 hover:file:bg-gray-200" />
       </label>
     </ng-container>