FilamentF
Filament•3y ago
Miguel García

Select afterStateUpdated does not fire when selection is cleared

When the select component is set to native HTML5 and you choose the placeholder option ('Select an option' option) then afterStateUpdated event raises with $status null, but if you set the select component to JavaScript and you click the x button afterStateUpdated is not fired and the placeholder option can't be selected even if you use ->selectablePlaceholder(true)
Select::make('status')
    ->afterStateUpdated(fn (?string $state) => dd($state))
    ->selectablePlaceholder(true)
    ->live()
    ->native(false)
    ->options([
        'draft' => 'Draft',
        'reviewing' => 'Reviewing',
        'published' => 'Published',
    ]),

Is there any chance to catch the null option or at least when the user clicks the cross button to clear the selection?
Was this page helpful?