React PWA Upload Issue
Test #1: Works Perfectly (Expected Behaviour)
Visit https://pwa-react.netlify.com/ from iPhone in mobile safari
1. Make sure you have google drive on the phone but not logged in.
2. Click "Choose File". It will show you the list of options to choose from.
3. Click "Browse" to look for the photo.
4. Click "Cancel" and you're back here.
5. Click "Choose File" it will still show you the list of options to choose from. This works perfectly in mobile safari but NOT in PWA mode below.
Test #2: Does NOT Work (Unexpected Behaviour)
Visit https://pwa-react.netlify.com/ from iPhone in mobile safari, hit the share button, then add to home screen. This will add the PWA app on your phone.
1. Make sure you have google drive on the phone but not logged in.
2. Click "Choose File" in PWA app. It will show you the list of options to choose from.
3. Click "Browse" to look for the photo.
4. When it shows you the Google Drive logo with Sign In, double click the home button, then go back to the PWA.
5. Click "Choose File" it will NOT show you the list of options to choose from. This is now 100% broken.
The ONLY way to fix it is to go to Settings>Safari>Clear History and Website Data (all the way down)
How can we fix this so when the user hits "Choose File" it shows the list of options to choose from in the PWA?