Filament•8mo ago•

35 replies

Persistent Livewire Modal State Issue with Multiple Header Actions

Environment:

* Filament Version:

* Laravel Version:

* PHP Version:

8.3

8.3

Problem Description:

I have a Filament table with two

headerActions

headerActions

: a default

ExportAction

ExportAction

and a custom

Action

Action

that opens a modal with a file upload form.

When I click the first action (e.g., Export), its modal opens correctly. However, after closing it, if I click the second action (the custom one), the first action’s (Export) modal opens again instead of its own. The same happens in reverse.

What Has Been Tried (Diagnostics):

1. Unique Names: We ensured both actions had unique names using

->make('unique-name')

->make('unique-name')

. The rendered HTML confirmed the

wire:click

wire:click

handlers were correct (

mountTableAction('export')

mountTableAction('export')

and

mountTableAction('searchSimilar')

mountTableAction('searchSimilar')

), but the issue persisted.
2. Inline Action: To completely eliminate any conflict with the custom class, we rewrote the action directly inside the

headerActions

headerActions

array within the Resource file. The issue still occurs even with this setup.

// In PartResource.php

// Required imports:
use App\Jobs\ProcessPartSimilarSearchJob;
use App\Models\Source;
use Filament\Forms\Components\FileUpload;
use Filament\Forms\Components\Select;
use Filament\Notifications\Notification;
use Filament\Tables\Actions\Action;
use Filament\Tables\Actions\ExportAction;
use Illuminate\Support\Facades\Auth;

// ...

->headerActions([
    ExportAction::make('export')
        >exporter(PartExporter::class),

    PartSimilarSearchTableAction::make('searchSimilar'),
])

// In PartResource.php

// Required imports:
use App\Jobs\ProcessPartSimilarSearchJob;
use App\Models\Source;
use Filament\Forms\Components\FileUpload;
use Filament\Forms\Components\Select;
use Filament\Notifications\Notification;
use Filament\Tables\Actions\Action;
use Filament\Tables\Actions\ExportAction;
use Illuminate\Support\Facades\Auth;

// ...

->headerActions([
    ExportAction::make('export')
        >exporter(PartExporter::class),

    PartSimilarSearchTableAction::make('searchSimilar'),
])

Filament•8mo ago•

35 replies

Persistent Livewire Modal State Issue with Multiple Header Actions

Environment:

* Filament Version:

* Laravel Version:

* PHP Version:

8.3

8.3

Problem Description:

I have a Filament table with two

headerActions

headerActions

: a default

ExportAction

ExportAction

and a custom

Action

Action

->make('unique-name')

->make('unique-name')

. The rendered HTML confirmed the

wire:click

wire:click

handlers were correct (

mountTableAction('export')

mountTableAction('export')

and

mountTableAction('searchSimilar')

mountTableAction('searchSimilar')

), but the issue persisted.
2. Inline Action: To completely eliminate any conflict with the custom class, we rewrote the action directly inside the

headerActions

headerActions

array within the Resource file. The issue still occurs even with this setup.

// In PartResource.php

// Required imports:
use App\Jobs\ProcessPartSimilarSearchJob;
use App\Models\Source;
use Filament\Forms\Components\FileUpload;
use Filament\Forms\Components\Select;
use Filament\Notifications\Notification;
use Filament\Tables\Actions\Action;
use Filament\Tables\Actions\ExportAction;
use Illuminate\Support\Facades\Auth;

// ...

->headerActions([
    ExportAction::make('export')
        >exporter(PartExporter::class),

    PartSimilarSearchTableAction::make('searchSimilar'),
])

// In PartResource.php

// Required imports:
use App\Jobs\ProcessPartSimilarSearchJob;
use App\Models\Source;
use Filament\Forms\Components\FileUpload;
use Filament\Forms\Components\Select;
use Filament\Notifications\Notification;
use Filament\Tables\Actions\Action;
use Filament\Tables\Actions\ExportAction;
use Illuminate\Support\Facades\Auth;

// ...

->headerActions([
    ExportAction::make('export')
        >exporter(PartExporter::class),

    PartSimilarSearchTableAction::make('searchSimilar'),
])

Persistent Livewire Modal State Issue with Multiple Header Actions

Persistent Livewire Modal State Issue with Multiple Header Actions

Similar Threads

Similar Threads

Similar Threads