Help with dependable select
I've a dependable select 'province' that depends on the select 'country', both of the inputs are nested within a repeater.
the problem is with the province select, as you can see in the code, if i set the fallback return value for options to ` it works as expected (but it leave an extra padding space under the placeholder) but if i simply return an empty array, the select wouldn't react or change when i change the country, can anyone explain please?
here's the code;
```php
Select::make('country_id')
->label('Pays')
->options(CoreCountry::pluck('name', 'id'))
->native(false)
->searchable()
->live()
->afterStateUpdated(function ($get, $set, $livewire) {
$set('province_id', null);
}),
Select::make('province_id')
->label('Province')
->options(function ($get) {
$country_id = $get('country_id');
if ($country_id) {
return CoreProvince::where('country_id', $country_id)->pluck('name', 'id');
} else {
return ['' => ''];
}
})
->searchable(),
the problem is with the province select, as you can see in the code, if i set the fallback return value for options to ` it works as expected (but it leave an extra padding space under the placeholder) but if i simply return an empty array, the select wouldn't react or change when i change the country, can anyone explain please?
here's the code;
```php
Select::make('country_id')
->label('Pays')
->options(CoreCountry::pluck('name', 'id'))
->native(false)
->searchable()
->live()
->afterStateUpdated(function ($get, $set, $livewire) {
$set('province_id', null);
}),
Select::make('province_id')
->label('Province')
->options(function ($get) {
$country_id = $get('country_id');
if ($country_id) {
return CoreProvince::where('country_id', $country_id)->pluck('name', 'id');
} else {
return ['' => ''];
}
})
->searchable(),
