Next.js file input works on desktop but fails silently on mobile browsers (Android/iOS) when uploading profile image

11 hours ago 1
ARTICLE AD BOX

I am building a web app using Next.js and Supabase for user profiles. Users can upload a profile image using a file input.

The issue:

File upload works perfectly on desktop (Chrome / PC)

On mobile devices (Android Chrome and sometimes iOS Safari), the file picker opens and image is selected, but nothing happens after selection

No upload request is triggered or it silently fails

What I already checked

Console logs work on desktop

File selection works on mobile (input opens correctly)

No visible errors on mobile console (or logs not appearing consistently)

Upload works normally on desktop

Supabase bucket and policies are configured correct

Problem summary

On mobile devices:

file picker works

image is selected

but onChange either does not trigger reliably OR upload does not execute

no clear error is shown

Read Entire Article