Filament 4: After changing Select field type to disable, UI reverts to previous value despite being set to null

[oktavianoandy]

Package

Form builder

Package Version

v.4.3.0

How can we help you?

Package
filament/filament

Package Version
4.3.0

Laravel Version
11.31

Livewire Version
3.5

PHP Version
8.2

I'm using Filament with a form that has two key fields:

• type (Select) – determines whether the transaction is income or expense.
• recipient_id (Select relationship) – selects an active recipient.

Expected behavior:

1. When type is changed to income, the recipient_id field should be cleared (null) and disabled.
2. The paid_off_date field should also be null and disabled.

Current behavior:

1. After changing type to income and saving:

• The UI immediately shows recipient_id as null.
• The backend data is correctly saved as null.

3. However, after the success notification, the UI reverts to showing the previous recipient value.
4. Only after a full page refresh does the UI correctly show null.
5. The paid_off_date is work successfully, the problem is only the select recipient_id

Need help please, i need to use the disabled feature

My Code

<?php

namespace App\Filament\Resources\Bookkeepings\Schemas;

use App\Enum\TransactionType;
use Filament\Forms\Components\DatePicker;
use Filament\Forms\Components\Select;
use Filament\Forms\Components\Textarea;
use Filament\Forms\Components\TextInput;
use Filament\Schemas\Components\Section;
use Filament\Schemas\Schema;
use Illuminate\Validation\Rule;
use Illuminate\Validation\Rules\Enum;

class BookkeepingForm
{
    public static function configure(Schema $schema): Schema
    {
        return $schema
            ->components([
                Section::make()->schema([
                    Select::make('type')
                        ->live()
                        ->options(TransactionType::options())
                        ->rules(['required', new Enum(TransactionType::class)])
                        ->markAsRequired()
                        ->afterStateUpdated(function ($get, $set, $form) {
                            if ($get('type') === TransactionType::income->value) {
                                $set('recipient_id', null);
                                $set('paid_off_date', null);
                            }
                        }),
                    Select::make('recipient_id')
                        ->live()
                        ->label('Recipient')
                        ->rules([
                            'nullable',
                            Rule::exists('recipients', 'id')->where('status', 'active')
                        ])->relationship(
                            'recipient',
                            'name',
                            fn($query) => $query->where('status', 'active')
                        )
                        ->searchable(fn ($get): ?bool => filled($get('recipient_id')))
                        ->preload()
                        ->disabled(fn($get) => $get('type') === TransactionType::income->value)
                        ->dehydrated(),
                    TextInput::make('amount')->markAsRequired(),
                    Textarea::make('description')->markAsRequired(),
                ])->columnSpan(1),

                Section::make()->schema([
                    DatePicker::make('bookkeeping_date')
                        ->markAsRequired(),
                    DatePicker::make('paid_off_date')
                        ->live()
                        ->disabled(fn($get) => $get('type') === TransactionType::income->value)
                        ->dehydrated(),
                ])->columnSpan(1)
            ]);
    }
}

Default data

Change to income before saving, the recipient and paid off date is automatically null

After saving the changes the recipient is filled with the previous recipient with the field is disabled

[anntnzrb]

The issue stems from relationship hydration taking precedence after save. Add afterStateHydrated to force null state: ->afterStateHydrated(function ($state, $set, $get) { if ($get('type') === TransactionType::income->value) { $set('recipient_id', null); } }). Alternatively, use ->saveRelationshipsUsing(fn($get) => $get('type') === TransactionType::income->value ? null : function() {}) as suggested in issue #17778. This is an open issue in Filament v4.

[oktavianoandy]

Thanks, that worked perfectly!