Symfony UX LiveComponent file upload works only on first request

[woweya]

Hello everyone,
I’m not quite sure if this is a bug or If I did something wrong but:
I’m having trouble with file uploads in Symfony UX LiveComponent.
I’m using Symfony 7.2, Symfony UX 2.x, and PHP 8.2.

---

The problem

I have a LiveComponent form that includes a file upload field.
On the first upload, everything works perfectly — the file is received in the request, saved correctly, and the component re-renders as expected.

However, when I try to upload another file after the re-render, the request no longer includes the file.
In the browser’s Network tab (AJAX call: save), the second request doesn’t contain any file in the request.

---

Code examples

Form Type

<?php namespace App\Form\AuthorizationRequest; use Symfony\Component\Form\AbstractType; use Symfony\Component\Form\Extension\Core\Type\FileType; use Symfony\Component\Form\FormBuilderInterface; use Symfony\Component\OptionsResolver\OptionsResolver; class CreditsRecognitionType extends AbstractType { public function buildForm(FormBuilderInterface $builder, array $options): void { $builder ->add('signed_documento_crediti_formativi_c1', FileType::class, [ 'label' => 'Crediti Formativi C1', 'mapped' => false, 'attr' => [ 'data-action' => 'live#action', 'data-live-action-param' => 'uploadFile', ], 'required' => true, ]); } public function configureOptions(OptionsResolver $resolver): void { $resolver->setDefaults(['data_class' => null]); } }

LiveComponent method

#[LiveAction] public function uploadFile() { // Empty method — just triggers an AJAX call }

Twig template

<div {{ attributes }}> <div id="crediti-formativi"> {{ form_start(form, { attr: { enctype: 'multipart/form-data', class: 'w-100', } }) }} {{ form_widget(form.signed_documento_crediti_formativi_c1) }} <div class="w-100 d-flex justify-content-start w-100 align-items-center"> <button data-loading="action(uploadFile)|addAttribute(disabled)" class="btn-primary btn mt-1 py-2 text-white w-25" data-action="live#action" data-live-action-param="files|save"> Save </button> </div> {{ form_end(form, { render_rest: false }) }} </div> </div>

---

What I tried

• Verified that the form has enctype="multipart/form-data".
• Checked that the request actually contains files on the first call (it does).
• Compared the first and second AJAX calls — the second one doesn’t include any file.
• No JavaScript console errors.

---

The question

Why does the file upload only work on the first request?
Is this a known LiveComponent bug or am I missing some configuration to persist the file input across re-renders?

---