fix dropFiles bug

CHANGELOG.md

@@ -8,6 +8,7 @@ Note that since we don't clearly distinguish between a public and private interf
 
 - `meshes` extension: Fixed a bug in mesh visualization (show backfaces when opacity < 1) 
 - Add color quick select control to Volume controls
+- Fix `dropFiles` bug
 
 ## [v3.28.0] - 2022-12-20
 

src/mol-plugin-ui/plugin.tsx

@@ -108,7 +108,7 @@ class Layout extends PluginUIComponent {
             }
         } else {
             for (let i = 0; i < ev.dataTransfer.files.length; i++) {
-                const file = ev.dataTransfer.files[0];
+                const file = ev.dataTransfer.files[i];
                 if (file) files.push(file);
             }
         }
@@ -172,7 +172,7 @@ function dropFiles(ev: React.DragEvent<HTMLDivElement>, plugin: PluginUIContext,
         }
     } else {
         for (let i = 0; i < ev.dataTransfer.files.length; i++) {
-            const file = ev.dataTransfer.files[0];
+            const file = ev.dataTransfer.files[i];
             if (file) files.push(file);
         }
     }