filamentphp
Modal Behavior Issue with Multiple Relations
Package
filament/filament
Package Version
v3.2.95
Laravel Version
v11.16.0
Livewire Version
v3.5.4
PHP Version
v8.2.11
Problem description
When creating or editing relations in the edit screen with multiple relations, the modal does not close when clicking outside of it while focusing on a TextInput or Textarea. The focus remains on the TextInput or Textarea. This issue does not occur when there is only one relation.
click outside of modal:
You can verify this on the following demo pages: Single relation: https://demo.filamentphp.com/shop/orders/8/edit Multiple relations: https://demo.filamentphp.com/shop/customers/5/edit?activeRelationManager=1 I will investigate this issue if time permits, but for now, I am submitting this bug report.
Expected behavior
The modal should close when clicking outside of it.
Steps to reproduce
Login with credentials: [email protected]/testtest
- Access /admin/patient-seconds/1/edit
- Click the "new treatment" button
- Focus on the textarea or input field
- Click outside the modal
This will reproduce the issue where the modal does not close.
Reproduction repository (issue will be closed if this is not valid)
https://github.com/bzy107/filament-select-bug
Relevant log output
No response
Donate 💰 to fund this issue
- You can donate funding to this issue. We receive the money once the issue is completed & confirmed by you.
- 100% of the funding will be distributed between the Filament core team to run all aspects of the project.
- Thank you in advance for helping us make maintenance sustainable!
What browser are you using? On what OS are you working? I tried it on Chrome and Firefox (Windows). I had no issues. Modal disappeared after clicking outside
I tested it on both Chrome and Firefox, and the result was the same. (In Safari, the functionality of the modal itself was broken.)
https://github.com/user-attachments/assets/840957b6-92a8-40f6-a2e1-b0ea6ec70396
