filamentphp / filament

A collection of beautiful full-stack components for Laravel. The perfect starting point for your next app. Using Livewire, Alpine.js and Tailwind CSS.

Home Page:https://filamentphp.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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)

https://github/

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!
Fund with Polar

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.