Not working on Firefox

[rpesciotta]

Hi,

I got a form working perfectly, testing on Chrome.
But if I open the same page/form with Firefox, the "Choose file" button does not trigger any action, that is, I don't see the dialog for selecting a file.
I switched to firefox debugger, and I see when I click on the referred button, this piece of code is called in jQuery.js:

if ( !(eventHandle = elemData.handle) ) {
            eventHandle = elemData.handle = function( e ) {
                // Discard the second event of a jQuery.event.trigger() and
                // when an event is called after a page has unloaded
                return typeof jQuery !== strundefined && (!e || jQuery.event.triggered !== e.type) ?
                    jQuery.event.dispatch.apply( eventHandle.elem, arguments ) :
                    undefined;
            };
            // Add elem as a property of the handle fn to prevent a memory leak with IE non-native events
            eventHandle.elem = elem;
        }

And apparently, it's always returning undefined in firefox.
Is this a known issue? Am I missing something?

[olumytee]

Hi @rpesciotta @yogiben Any fix for this yet ?

[derdaumen]

I experience the same problem. I'm new to all of this github packages pull jazz. How can I help to fix this?

[kolyasya]

Have the same problem, no click action for FF

[yAnn1ck-B]

same here, not working in ff and ie, only chrome

[brylie]

Same here:

• Firefox 46.0.1
• yogiben:[email protected]

[brylie]

As an aside, we migrated to a different file upload solution called Meteor FileCollection. FileCollection also uses GridFS, and the UI can be configured with drag-and-drop support.

[jonathascarrijo]

A year has passed, and still no fix. Is this package abandoned?

[mahfuzmohammad]

Hi everyone, recently I used this module and found the similar problem. After some research I think I know what is happening.

Why it's not working in firefox or IE?
If you check the source code, more specifically autoform-file.html file, there is a template called afFileSelectFileBtnTemplate. Here the input field is used inside a button. After some research, it seems like an input field inside a button is not allowed in HTML.

References:

• http://stackoverflow.com/questions/33420402/file-input-field-inside-button-doesnt-work-in-firefox
• https://www.w3.org/TR/REC-html40/interact/forms.html#edef-BUTTON

My proposed solution
It seems like the template should be updated but I have done another way in my case. I added a listener that listened the click event for the button and fires another click event for the input field. The code is given below:

'click button.af-select-file.js-af-select-file': function(event, template) {
	$(event.target).find("input.js-file").click();
}

I wanted to give a fix to this problem and I would like to have suggestion from @yogiben

Thank you!