From afe044d152b441a6c31f4c21e9ece554038d101d Mon Sep 17 00:00:00 2001
From: Paulus Schoutsen <balloob@gmail.com>
Date: Sun, 20 Feb 2022 08:53:25 -0800
Subject: [PATCH] Fix media upload on iOS (#11740)

---
 src/panels/media-browser/ha-panel-media-browser.ts | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/panels/media-browser/ha-panel-media-browser.ts b/src/panels/media-browser/ha-panel-media-browser.ts
index ad47077d0f..9f3fa2ca1d 100644
--- a/src/panels/media-browser/ha-panel-media-browser.ts
+++ b/src/panels/media-browser/ha-panel-media-browser.ts
@@ -291,6 +291,7 @@ class PanelMediaBrowser extends LitElement {
       "change",
       async () => {
         const files = input.files!;
+        document.body.removeChild(input);
         const target = this._currentItem!.media_content_id!;
 
         for (let i = 0; i < files.length; i++) {
@@ -315,6 +316,9 @@ class PanelMediaBrowser extends LitElement {
       },
       { once: true }
     );
+    // https://stackoverflow.com/questions/47664777/javascript-file-input-onchange-not-working-ios-safari-only
+    input.style.display = "none";
+    document.body.append(input);
     input.click();
   }