Question

I have some element which click on it event triggers click on <input style="display:none" type="file"/> element.
this element is hidden (display:none).
On this browser: Chrome, IE, FireFox it is working (the trigger executes) but on Opera and Safari it doesn’t. Is there any special thing I need to do for the problematic browsers (Opera and Safari)? Is there any walk around?

Many thanks!

here is the code of the event

$('#add_cv').click(function(){
   $('#add_cv_input').trigger('click');
});

Answer 1

Ok I found this workaround, I have set the element’s css to:

visibility: hidden;
position: absolute;
top:0;

it is working on every browser above.
I will be more than glad to hear any other solutions.