Filament•6mo ago

Select in custom livewire component with searchable removes wire.model

HI, I have a very weird issue. I have a custom livewire form in a modal. Everything is working really well except when I add the searchable to the select

Select::make('company_id')
->relationship('company', 'name')
->searchable()
->required(),

Select::make('company_id')
->relationship('company', 'name')
->searchable()
->required(),

Which results in html generated like this: <select x-ref="input" class="h-9 w-full rounded-lg border-none bg-transparent !bg-none choices__input" id="data.company_id" hidden="" tabindex="-1" data-choice="active"></select> However when I remove the searchable method it does add the wire.model to the select input. <select class .... wire:model="data.company_id"> When the searchable is removed everything works as you would expect, and loading the value from the database into the form. With the searchable it of course stays empty and gives the error Livewire Entangle Error: Livewire property ['data.company_id'] cannot be found on component: ['app.filament.pages.planning'] Anybody has seen this before? Or is there something i am missing? Help would be appreciated!

Solution:

Thanks anyway, reduced this to this public function editAction(): Action { return Action::make('Edit') ->requiresConfirmation()...

Jump to solution

10 Replies

LeandroFerreira•6mo ago

Are you using a statePath()? Did you add $this->form->fill() in the mount method?

gladjanus43OP•6mo ago

I dont have the mount method. I am using a trait which renders the popup and initializes the form. When the record is clicked I call this code:

public function recordClicked(int $recordId): void
{
    $this->modelInstance = $this->model::find($recordId);
    $this->form->fill($this->modelInstance->toArray());
    $this->dispatch('open-modal', id: 'weekview-modal');
}

public function recordClicked(int $recordId): void
{
    $this->modelInstance = $this->model::find($recordId);
    $this->form->fill($this->modelInstance->toArray());
    $this->dispatch('open-modal', id: 'weekview-modal');
}

Do i still need to call this->form->fill on mount?

LeandroFerreira•6mo ago

you should https://filamentphp.com/docs/3.x/forms/adding-a-form-to-a-livewire-component#adding-the-form

Adding a form to a Livewire component - Form Builder - Filament

gladjanus43OP•6mo ago

I am calling the recordClicked method when the item is clicked. That is where the id of the model is passed. How would it work to mount it?

gladjanus43OP•6mo ago

Because I dont think it is the correct way by adding the dialog to every item 😛

LeandroFerreira•6mo ago

is it a modal? Why aren't you using a modal form? https://filamentphp.com/docs/3.x/actions/modals#modal-forms

Modals - Actions - Filament

gladjanus43OP•6mo ago

Yep you are totally right. Dont know why I went on the path of completly building the modal with a custom component....

Solution

gladjanus43•6mo ago

Thanks anyway, reduced this to this public function editAction(): Action { return Action::make('Edit') ->requiresConfirmation() ->action(function (array $arguments) { dd($arguments); // $post = Post::find($arguments['post']); }); } 🤣

LeandroFerreira•6mo ago

exactly 😅

prageeth94•3d ago

You saved my day !! Thanks bro 🙏 . $this->form->fill() fixed the weird issue when using select with searchable with a statePath

Gaming

Programming

Select in custom livewire component with searchable removes wire.model