fix: work around Chromium File System Access API bug

This works around https://crbug.com/1264708 by always including a description in the FilePickerAcceptType passed to the options of window.showOpenFilePicker(). Fixes #1127. Fixes #1222. Fixes #1190.
react-dropzone · Oct 12, 2022 · c36ab5b · c36ab5b
1 parent 8127759
commit c36ab5b
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 0 deletions.
diff --git a/src/index.spec.js b/src/index.spec.js
@@ -1537,6 +1537,7 @@ describe("useDropzone() hook", () => {
         multiple: true,
         types: [
           {
+            description: "Files",
             accept: { "application/pdf": [] },
           },
         ],

diff --git a/src/utils/index.js b/src/utils/index.js
@@ -226,6 +226,8 @@ export function pickerOptionsFromAccept(accept) {
       );
     return [
       {
+        // description is required due to https://crbug.com/1264708
+        description: "Files",
         accept: acceptForPicker,
       },
     ];

diff --git a/src/utils/index.spec.js b/src/utils/index.spec.js
@@ -413,6 +413,7 @@ describe("pickerOptionsFromAccept()", () => {
       })
     ).toEqual([
       {
+        description: "Files",
         accept: {
           "image/*": [".png", ".jpg"],
           "text/*": [".txt", ".pdf"],