onBlur on TextInput prevent afterStateUpdated to launch

✅ SolvedForm builder5️⃣v5

Learning how to use Filament through a Filament 5 Laracast course, I just stumbled on an issue trying to replicate what the tutor said...
I got this issue with the code here :

TextInput::make('effort_in_days')
  ->required()
  ->numeric()
  ->live(onBlur: true)
  ->afterStateUpdated(function ($state, Set $set, Get $get) {
    $set('cost', ($get('is_high_cost') ? 1500 : 1000) * $state);
  })
  ->default(0),

TextInput::make('effort_in_days')
  ->required()
  ->numeric()
  ->live(onBlur: true)
  ->afterStateUpdated(function ($state, Set $set, Get $get) {
    $set('cost', ($get('is_high_cost') ? 1500 : 1000) * $state);
  })
  ->default(0),

The

->afterStateUpdated

->afterStateUpdated

is never launched when the field is blurred, left by switching to another field or not selecting one at all. If I just set a plain

->live()

->live()

or I put a

debounce

debounce

value, it's working perfectly, but not with the

onBlur

onBlur

. Did I miss something there, is it intended or is it an issue related to something else? In any case, in the course I am following, it's working but it was on Filament 5.0 beta.

Thank you for your help in this mater.

Solution

Sleep is what it took for me to figure it out... I just noticed I was on the 5.0.0 version of the package... When I did copy the instruction from your documentation, it stripped the ^ ... So just updated to the latest 5.3.4 and it's working like a charm...

Jump to solution

Filament•2w ago•

41 replies

Childeric Kaldor

onBlur on TextInput prevent afterStateUpdated to launch

✅ SolvedForm builder5️⃣v5

Learning how to use Filament through a Filament 5 Laracast course, I just stumbled on an issue trying to replicate what the tutor said...
I got this issue with the code here :

TextInput::make('effort_in_days')
  ->required()
  ->numeric()
  ->live(onBlur: true)
  ->afterStateUpdated(function ($state, Set $set, Get $get) {
    $set('cost', ($get('is_high_cost') ? 1500 : 1000) * $state);
  })
  ->default(0),

TextInput::make('effort_in_days')
  ->required()
  ->numeric()
  ->live(onBlur: true)
  ->afterStateUpdated(function ($state, Set $set, Get $get) {
    $set('cost', ($get('is_high_cost') ? 1500 : 1000) * $state);
  })
  ->default(0),

The

->afterStateUpdated

->afterStateUpdated

is never launched when the field is blurred, left by switching to another field or not selecting one at all. If I just set a plain

->live()

->live()

or I put a

debounce

debounce

value, it's working perfectly, but not with the

onBlur

onBlur

Solution

Jump to solution

onBlur on TextInput prevent afterStateUpdated to launch

onBlur on TextInput prevent afterStateUpdated to launch

Similar Threads

Similar Threads

Similar Threads