Filament•3w ago

Form Select search breaking on keydown

Hi all!
This is a weird one, hoping there's something simple I've screwed up that somebody can help me with. I noticed an issue today when getting into a select field by tabbing to it & pressing the down arrow. Here's the field code

'region_code' => Select::make('region_code')
            ->options(['hello','world','goodbye','cruel'])
            ->searchable()
            ->preload(),

'region_code' => Select::make('region_code')
            ->options(['hello','world','goodbye','cruel'])
            ->searchable()
            ->preload(),

When I open it using the down arrow key, the "searchable" term ends up being "downarrow", and I can't clear it... Worse, when I click away & re-enter via the keyboard, the searchable is now "downarrowdownarrow". Is this a Filament bug, or something I can address via my field setup? Thanks for any help/consideration! Shawn

4 Replies

awcodes•3w ago

This is a known bug in SelectJs. It has been fixed in their new version but we can’t update filament with it until v4 due to breaking changes.

ShawnVeltmanOP•3w ago

Ah - thanks for the heads up! Much appreciated I know it's always a guess/gamble, but any idea what the timeline of v4 release is shaping up to be?

awcodes•3w ago

Honestly, no real good timeline, since it depends a lot on the tailwind v4 release. Dan is doing as much as he can to have it ready to as soon as possible when that’s released.

ShawnVeltmanOP•3w ago

Wonderful - thank you so much for the super speedy respones! 🙂

Gaming

Programming

Form Select search breaking on keydown