Search code examples
jqueryhtmlcsssafariopera

jQuery 'trigger('click')` not working on opera if the element is not displayed

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');
});
Solution

  • 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.