When opening and closing modal I get: "Could not find Livewire component in DOM tree"
I just upgraded to filament V4 and found out this is happening, but can't figure out why. I've found two posts related to this on here and one online regarding grammerly extension causing issue, but nothing helps me here.
Tried with Brave and Firefox, same thing.
public function editTableAction(): Action
{
return Action::make('edit')
->label('Edit')
->requiresConfirmation()
->icon('heroicon-o-pencil')
->modalHeading('Edit Document')
->modalDescription('Edit the document details. Content will be auto-saved.')
->modalIcon('heroicon-o-document-text')
->modalWidth(Width::FiveExtraLarge)
->closeModalByClickingAway(true)
->modalCloseButton(false)
->modalSubmitActionLabel('Save')
->fillForm(function (Model $record) {
return [
'name' => $record->name,
'content' => $record->content,
];
})
->schema([
TextInput::make('name')
->required()
->maxLength(255),
RichEditor::make('content')
->required()
->maxLength(65535)
->disableToolbarButtons([
'attachFiles',
'blockquote',
'codeBlock',
'h2',
'h3'
])
->columnSpanFull()Solution:Jump to solution
Found out the issue, so if I comment out the live() method it's not causing error any more:
`RichEditor::make('content')
->required()
->maxLength(65535)...
10 Replies
Can you share your
php artisan about --only=filament output?Filament .........................................................................................................................................
Blade Icons ........................................................................................................................... NOT CACHED
Packages ................................................... filament, forms, notifications, support, tables, actions, infolists, schemas, widgets
Panel Components ...................................................................................................................... NOT CACHED
Version .................................................................................................................................. v4.0.20
Views .............................................................................................................................. NOT PUBLISHED
Blade Icons ........................................................................................................................... NOT CACHED
Packages ................................................... filament, forms, notifications, support, tables, actions, infolists, schemas, widgets
Panel Components ...................................................................................................................... NOT CACHED
Version .................................................................................................................................. v4.0.20
Views .............................................................................................................................. NOT PUBLISHED
Hm, looks good
I noticed this in console also under issues, the error triggers when I open modal
This line toggled Content LABEL div
Solution
Found out the issue, so if I comment out the live() method it's not causing error any more:
RichEditor::make('content')
->required()
->maxLength(65535)
->disableToolbarButtons([
'attachFiles',
'blockquote',
'codeBlock',
'h2',
'h3'
])
->columnSpanFull()
//->live(debounce: 2500)That error incorrect use of <label for.. is still present though.