live_file_input and live_img_preview entries empty

[manu1080]

• Elixir version: 1.19.1 (compiled with Erlang/OTP 26)
• Phoenix and LiveView versions:
  • phoenix 1.7.21
  • phoenix_live_view 1.0.17
• Operating system:
  • macOS (works)
  • Android (fails)
• Browsers:
  • Chrome Android (fails) ❌
  • Firefox Android (works) ✅
  • Chrome Desktop (works) ✅

Problem

live_file_input does not populate @uploads.images.entries on Chrome Android in production,
while the exact same code works on localhost (same Android device) and on Firefox Android.

Actual behavior

1. User selects image file via <.live_file_input />
2. File picker opens and file is selected ✅
3. phx-change="validate" event fires ✅
4. But @uploads.images.entries remains empty (count: 0) ❌
5. No errors in upload_errors(@uploads.images) ❌

Expected behavior

After selecting a file, @uploads.images.entries should contain the selected file(s).

Code

# Component
def mount(socket) do
  {:ok,
   socket
   |> allow_upload(:images,
     accept: :any,
     max_entries: 20,
     max_file_size: 20_000_000,
     auto_upload: false
   )}
end

def handle_event("validate", _params, socket) do
  Logger.info("entries count: #{length(socket.assigns.uploads.images.entries)}")
  {:noreply, socket}
end

# Template

<.simple_form for={@form} phx-target={@myself} phx-change="validate">
  <.live_file_input upload={@uploads.images} />
</.simple_form>

<%= for entry <- @uploads.images.entries do %>
  <div id={"preview-#{entry.ref}"} phx-update="ignore">
    <.live_img_preview entry={entry} />
  </div>
<% end %>

[SteffenDE]

I'm unable to reproduce this. I created https://github.com/SteffenDE/tmp_phx_upload_bug_demo and deployed to http://anubis.steffend.me:61400/upload.

[manu1080]

Hello @SteffenDE , in your project the bug does not occur. But it doesn’t match the versions I used — could that be the reason?

[SteffenDE]

Maybe! The first thing to test when you encounter a bug is if it also happens with the latest version. Is there any reason you cannot update? If not, please update and report back :)

[manu1080]

Maybe! The first thing to test when you encounter a bug is if it also happens with the latest version. Is there any reason you cannot update? If not, please update and report back :)

You’re right, I’ll update it and try again. Thanks.