Package
filament/support
Package Version
v3.2.98
Laravel Version
v11.20.0
Livewire Version
v3.5.4
PHP Version
PHP 8.3.10
Problem description
i have a Livewire component and it use filament dropdown, when i change the team, the loading indicator not showing, the chevron icon has disappear until the status updated and notification show
Expected behavior
i want the loading indicator can be showing on dropdown list item
Steps to reproduce
<div>
<x-filament::dropdown
maxHeight="250px"
placement="left-start"
teleport="true"
>
<x-slot name="trigger">
<x-filament::dropdown.header
class="font-semibold"
color="gray"
icon="heroicon-c-user-group"
>
{{ auth()->user()->currentTeam->name ?? 'Select Team' }}
</x-filament::dropdown.header>
</x-slot>
<x-filament::dropdown.header
class="font-medium"
color="gray"
>
{{ __('Select Team') }}
</x-filament::dropdown.header>
<x-filament::dropdown.list>
@foreach(auth()->user()->allTeams() as $team)
<x-filament::dropdown.list.item
:color="auth()->user()->isCurrentTeam($team) ? 'primary' : null"
icon="heroicon-m-chevron-right"
tag="button"
:disabled="auth()->user()->isCurrentTeam($team) ?? false"
wire:click="changeTeam({{ $team }})"
>
{{ $team->name }}
</x-filament::dropdown.list.item>
@endforeach
</x-filament::dropdown.list>
</x-filament::dropdown>
</div><?php
namespace App\Livewire;
use App\Models\Team;
use Filament\Notifications\Notification;
use Illuminate\Contracts\View\View;
use Livewire\Component;
class SwitchTeam extends Component
{
public function render(): View
{
return view('livewire.switch-team');
}
public function changeTeam(Team $team): void
{
auth()->user()->switchTeam($team);
Notification::make()->title('Switched to '.$team->name)->success()->send();
}
}Reproduction repository (issue will be closed if this is not valid)
https://github.com/holiq/FilaTeam
Relevant log output
No response
filamentphp / filament
A collection of beautiful full-stack components for Laravel. The perfect starting point for your next app. Using Livewire, Alpine.js and Tailwind CSS.
19.2k
How does funding with Polar work?
1
Pay now to fund the work behind this issue.
2
Get updates on progress being made.
3
Maintainer is rewarded once the issue is completed.
FAQ
Backer
You're funding impactful open source efforts
Contributor
You want to contribute to this effort
Maintainer
You want to get funding like this too