I understand the central working of the button - that t he site visitor chooses which file to upload by clicking the upload button and selecting the file in a native file chooser dialog. At that point the file is stored in the upload button’s value property as a File object. Then the site visitor triggers an event, such as a button click, on the other element.
My problem is that when using the page through some phone browsers (specifically when navigating to the page via a link on Instagram), the upload button is unresponsive, and DOES NOT open a file chooser dialogue. Every other part of the form functions fine - including the submit buttons, but I have no ability to use the upload button in the first place.
In the editor and using Google Chrome, this works totally fine. However in the particular instance of being linked through Instagram, not at all. The problem is a lot of my traffic is coming through there. So my page when contained in the Instagram App, does not function as it should!
When pressed, the button changed colour, to indicate a hover, and then back to its original starting colour once clicked again, but nothing happens - even if you click it 100 times! I was hoping maybe a ‘one click’ upload would open the file chooser dialog is just one click, rather than two (which usually works) , to try and get around this.
Does this make sense? Any help would be great as it’s driving me insane!
This is the page for reference: https://www.solidaritysky.com/submit