!Sergo
!Sergo
PostsComments
FFilament
Created by arnaudsf on 4/14/2025 in #❓┊help
Close multiselect
I recommend using afterStateHydrated 
use Filament\Forms\Components\Select;

Select::make('tags')
    ->multiple()
    ->afterStateHydrated(function ($component) {
        $component->extraAttributes([
            'x-init' => <<<JS
                const arrow = $el.parentElement.querySelector('[data-select-toggle]');
                if (arrow) {
                    arrow.addEventListener('click', (e) => {
                        e.stopPropagation();
                        $el.closest('[x-data]').__x.$data.open = !$el.closest('[x-data]').__x.$data.open;
                    });
                }
            JS,
        ]);
    })
use Filament\Forms\Components\Select;

Select::make('tags')
    ->multiple()
    ->afterStateHydrated(function ($component) {
        $component->extraAttributes([
            'x-init' => <<<JS
                const arrow = $el.parentElement.querySelector('[data-select-toggle]');
                if (arrow) {
                    arrow.addEventListener('click', (e) => {
                        e.stopPropagation();
                        $el.closest('[x-data]').__x.$data.open = !$el.closest('[x-data]').__x.$data.open;
                    });
                }
            JS,
        ]);
    })
like this
5 replies
FFilament
Created by varovas on 4/13/2025 in #❓┊help
FileUpload errors after I move repeater field sort order.
Use ->reactive() and a unique ->key() in the FileUpload. 
FileUpload::make('image')
    ->directory('uploads')
    ->key(fn ($get) => $get('id') ?? Str::uuid())
    ->reactive(),
FileUpload::make('image')
    ->directory('uploads')
    ->key(fn ($get) => $get('id') ?? Str::uuid())
    ->reactive(),
Try this.
5 replies