From 35164bf92b986a67215580622aaddc4148a7c822 Mon Sep 17 00:00:00 2001
From: Alan Agius <alan.agius4@gmail.com>
Date: Thu, 4 Nov 2021 13:14:47 +0100
Subject: [PATCH] fix(@angular-devkit/build-angular): don't restore `input` of
 type `file` during HMR

```
Uncaught DOMException: Failed to set the 'value' property on 'HTMLInputElement': This input element accepts a filename, which may only be programmatically set to the empty string.
```

Closes #22084

(cherry picked from commit 47fd128a06e7c6305b5f15f6fcc8098ae97e77e5)
---
 .../build_angular/src/builders/dev-server/hmr_spec.ts           | 2 ++
 .../build_angular/src/webpack/plugins/hmr/hmr-accept.ts         | 1 -
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/angular_devkit/build_angular/src/builders/dev-server/hmr_spec.ts b/packages/angular_devkit/build_angular/src/builders/dev-server/hmr_spec.ts
index 195fad21569b..4b97bb82b2c7 100644
--- a/packages/angular_devkit/build_angular/src/builders/dev-server/hmr_spec.ts
+++ b/packages/angular_devkit/build_angular/src/builders/dev-server/hmr_spec.ts
@@ -58,7 +58,9 @@ describe('Dev Server Builder HMR', () => {
         <p>{{title}}</p>
 
         <input class="visible" type="text">
+        <input type="file">
         <input type="hidden">
+
         <select>
           <option>one</option>
           <option>two</option>
diff --git a/packages/angular_devkit/build_angular/src/webpack/plugins/hmr/hmr-accept.ts b/packages/angular_devkit/build_angular/src/webpack/plugins/hmr/hmr-accept.ts
index 782c1f88cf5a..8c05f6911cc8 100644
--- a/packages/angular_devkit/build_angular/src/webpack/plugins/hmr/hmr-accept.ts
+++ b/packages/angular_devkit/build_angular/src/webpack/plugins/hmr/hmr-accept.ts
@@ -197,7 +197,6 @@ function restoreFormValues(oldInputs: any[], oldOptions: any[]): void {
         case 'date':
         case 'datetime-local':
         case 'email':
-        case 'file':
         case 'hidden':
         case 'month':
         case 'number':