fix: specify image types for file input capture accept, fixes Firefox on Android

Author: nd0ut

abstract/UploaderBlock.js

@@ -63,12 +63,13 @@ export class UploaderBlock extends ActivityBlock {
     });
   }
 
-  /** @param {boolean} capture */
-  openSystemDialog(capture = false) {
+  /** @param {{ captureCamera?: boolean }} options */
+  openSystemDialog(options = {}) {
     let accept = mergeFileTypes([
       this.getCssData('--cfg-accept'),
       ...(this.getCssData('--cfg-img-only') ? IMAGE_ACCEPT_LIST : []),
     ]).join(',');
+
     if (this.getCssData('--cfg-accept') && !!this.getCssData('--cfg-img-only')) {
       console.warn(
         'There could be a mistake.\n' +
@@ -79,9 +80,11 @@ export class UploaderBlock extends ActivityBlock {
     this.fileInput = document.createElement('input');
     this.fileInput.type = 'file';
     this.fileInput.multiple = !!this.getCssData('--cfg-multiple');
-    this.fileInput.accept = accept;
-    if (capture) {
+    if (options.captureCamera) {
       this.fileInput.capture = '';
+      this.fileInput.accept = IMAGE_ACCEPT_LIST.join(',');
+    } else {
+      this.fileInput.accept = accept;
     }
     this.fileInput.dispatchEvent(new MouseEvent('click'));
     this.fileInput.onchange = () => {

blocks/SourceBtn/SourceBtn.js

@@ -31,7 +31,7 @@ export class SourceBtn extends UploaderBlock {
         let el = document.createElement('input');
         var supportsCapture = el.capture !== undefined;
         if (supportsCapture) {
-          this.openSystemDialog(true);
+          this.openSystemDialog({ captureCamera: true });
         }
         return !supportsCapture;
       },