Bugs when submit form always show my custom modal & cannot close

[mmuqiitf]

Package

filament/filament

Package Version

v3.3.4

Laravel Version

v.12.3.0

Livewire Version

v3.6.2

PHP Version

8.3.9

Problem description

I am creating a new field called QrCodeInput that has a custom modal in it. The modal contains a camera that will read the QR Code and display the result in the input text, I managed to create that part without any problems. But there is a problem when I submit through the form, the modal always appears. Please help me ASAP about this problem, because I did not find this problem in other issues.

Display Form :

Display when pressing the barcode button:

Display when pressing submit button:

Expected behavior

When submitting the form, my custom modal will not appear on the user interface.

Steps to reproduce

1. Just clone my repo
2. composer install && npm install
3. Run npm run dev
4. Run it on browser with https only because it's required the camera access (example: https://app-filament-issue-3.x.test/admin)
5. Login using a default credentials from filament-issue
6. Access to Scan QR Code Page
7. Click submit form

Reproduction repository (issue will be closed if this is not valid)

https://github.com/mmuqiitf/app-filament-issue-3.x

Relevant log output