Filament•14mo ago

conditionally hidden section not working due to searchable() on select

I'm trying to conditionally hide a section on a form, and it was working yesterday, and now it's not working. If I remove ->searchable() from the select, it works as expected.

public static function form(Form $form): Form
    {
        return $form
            ->schema([
                Section::make()->schema([
                    Select::make('quickbooks_vendor_id')
                        ->label('Quickbooks Vendor')
                        ->options(CreateVendor::$vendors)
                        ->searchable()
                        ->loadingMessage('Loading vendors...')
                        ->suffixAction(
                            Action::make('refreshVendors')
                                ->label('Refresh Vendors')
                                ->icon('heroicon-o-arrow-path')
                                ->action(fn () => CreateVendor::getVendors(true))
                        )
                        ->live(),
                ])->columnSpan(1),
                Section::make()->schema([
                    TextInput::make('display_name')->required()->rules('max:255'),
                    
                ])->hidden(fn (Get $get): bool => ($get('quickbooks_vendor_id')) ? false : true),
            ]);
    }

public static function form(Form $form): Form
    {
        return $form
            ->schema([
                Section::make()->schema([
                    Select::make('quickbooks_vendor_id')
                        ->label('Quickbooks Vendor')
                        ->options(CreateVendor::$vendors)
                        ->searchable()
                        ->loadingMessage('Loading vendors...')
                        ->suffixAction(
                            Action::make('refreshVendors')
                                ->label('Refresh Vendors')
                                ->icon('heroicon-o-arrow-path')
                                ->action(fn () => CreateVendor::getVendors(true))
                        )
                        ->live(),
                ])->columnSpan(1),
                Section::make()->schema([
                    TextInput::make('display_name')->required()->rules('max:255'),
                    
                ])->hidden(fn (Get $get): bool => ($get('quickbooks_vendor_id')) ? false : true),
            ]);
    }

The only thing I've changed since yesterday is I added some logic to the CreateRecord class to handle getting the vendors, but even if I remove the references to that and just hardcode some options, it still doesn't work.

5 Replies

Jon MasonOP•14mo ago

stripping everything out and just using this as the select doesn't work when I include the searchable option:

Select::make('quickbooks_vendor_id')
                        ->label('Quickbooks Vendor')
                        ->options(['1' => 'option 1', '2' => 'option 2', '3' => 'option 3'])
                        ->searchable()
                        ->live(),

Select::make('quickbooks_vendor_id')
                        ->label('Quickbooks Vendor')
                        ->options(['1' => 'option 1', '2' => 'option 2', '3' => 'option 3'])
                        ->searchable()
                        ->live(),

bionative•14mo ago

Maybe you can use disabled()

Jon MasonOP•14mo ago

same result Oddly, another field isn't getting the value of the select when searchable option is used:

                    TextInput::make('display_name')->required()->rules('max:255')->columnSpan(2)->placeholder(fn (Get $get) => Log::debug($get('quickbooks_vendor_id'))),

                    TextInput::make('display_name')->required()->rules('max:255')->columnSpan(2)->placeholder(fn (Get $get) => Log::debug($get('quickbooks_vendor_id'))),

But when I comment out the searchable option, it works fine. It seems unlikely, but It's almost like the selected event isn't fired when searchable is used, or something...I dunno.. Created another test resource to see if I could replicate it elsewhere in a simplified form and it's working there, so I have no idea what's going on..

MrOlon•14mo ago

I think I've experienced a related issue. The searchable method makes the select component using the non-native select element (the browser native <select>; this is because the native element does not support search feature so a custom javascript one is used - Choices.js). I think you will get the same issues using ->native(false), even without ->searchable(). I found some github issue related to this, but I'm not figured out the solution yet. Just an example: https://github.com/filamentphp/filament/issues/8097 I don't know if this info are still valid or outdated, just giving you some hints I found

GitHub

Select doesn't honor disabled · Issue #8097 · filamentphp/filament

Package filament/filament Package Version v3.0.34 Laravel Version v10.20.0 Livewire Version No response PHP Version PHP 8.1.0 Problem description The Select field is still clickable and a new optio...

Jon MasonOP•14mo ago

good catch....i hadn't considered that as being the root cause, but it makes sense...I ended up just giving up on it for now :/

Gaming

Programming

conditionally hidden section not working due to searchable() on select