Select dropdown not working on Safari if the form has a password field
Sartoric opened this issue · comments
Package
filament/forms
Package Version
3.2.83
Laravel Version
11.10.0
Livewire Version
3.5.0
PHP Version
8.3
Problem description
I have a form with a password TextInput
TextInput::make('password')
->password()
and a multiple Select with a custom relationship
Select::make('group')
->multiple()
->relationship('roles', 'name', modifyQueryUsing: fn (Builder $query) => $query->where('system', true))
The dropdown works ok just selecting the first value, if a try to select a second one, it suddenly close when the value is found. Clicking on it again I can select the value found.
The problem is that using preload() method for Select, the dropdown, after one value has already been selected, immediately closes making it useless
Removing the password field (even just the method) seems to fix the issue.
It seems to be Safari related (using v17.5 19618.2.12.11.6).
Chrome seems to works fine
Expected behavior
The drop down working as usual.
Steps to reproduce
Create a simple form with password and a select + relationship
Reproduction repository (issue will be closed if this is not valid)
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!
Hey @Sartoric! We're sorry to hear that you've hit this issue. 💛
However, it looks like you forgot to fill in the reproduction repository URL. Can you edit your original post and then we'll look at your issue?
We need a public GitHub repository which contains a Laravel app with the minimal amount of Filament code to reproduce the problem. Please do not link to your actual project, what we need instead is a minimal reproduction in a fresh project without any unnecessary code. This means it doesn't matter if your real project is private / confidential, since we want a link to a separate, isolated reproduction. That would allow us to download it and review your bug much easier, so it can be fixed quicker. Please make sure to include a database seeder with everything we need to set the app up quickly.