Fix issues introduced with AimWhy@b6e855d

Author: tomayac

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "browser-fs-access",
-  "version": "0.36.0",
+  "version": "0.37.0",
   "description": "File System Access API with legacy fallback in the browser.",
   "type": "module",
   "source": "./src/index.js",

package.json

@@ -29,13 +29,18 @@ export default async (options = [{}]) => {
     const input = document.createElement('input');
     input.type = 'file';
     input.webkitdirectory = true;
+    // Append to the DOM, else Safari on iOS won't fire the `change` event
+    // reliably.
+    input.style.display = 'none';
+    document.body.append(input);
 
     input.addEventListener('cancel', () => {
       input.remove();
       reject(new DOMException('The user aborted a request.', 'AbortError'));
     });
 
     input.addEventListener('change', () => {
+      input.remove();
       let files = Array.from(input.files);
       if (!options[0].recursive) {
         files = files.filter((file) => {

src/legacy/directory-open.mjs

@@ -37,23 +37,15 @@ export default async (options = [{}]) => {
     // reliably.
     input.style.display = 'none';
     document.body.append(input);
-    const _reject = () => cleanupListenersAndMaybeReject(reject);
-    const _resolve = (value) => {
-      if (typeof cleanupListenersAndMaybeReject === 'function') {
-        cleanupListenersAndMaybeReject();
-      }
-      resolve(value);
-    };
 
     input.addEventListener('cancel', () => {
       input.remove();
       reject(new DOMException('The user aborted a request.', 'AbortError'));
     });
 
     input.addEventListener('change', () => {
-      window.removeEventListener('focus', cancelDetector);
       input.remove();
-      _resolve(input.multiple ? Array.from(input.files) : input.files[0]);
+      resolve(input.multiple ? Array.from(input.files) : input.files[0]);
     });
 
     if ('showPicker' in HTMLInputElement.prototype) {