F
Filament•2w ago
Hatim

Blade view with Tabs, Actions and Table conflicts

I have a blade view that has the following tabs: 
<x-filament::tabs class="mb-5">

  @foreach($enabledViews as $enabledView)
      <x-filament::tabs.item
          :icon="$enabledView->getIcon()"
          :icon-position="$enabledView->getIconPosition()"
          alpine-active="activeTab === '{{ $enabledView }}'"
          x-on:click="setActiveTab('{{ $enabledView }}')"
      >
          {{ $enabledView->getLabel() }}
      </x-filament::tabs.item>
  @endforeach

</x-filament::tabs>
<x-filament::tabs class="mb-5">

  @foreach($enabledViews as $enabledView)
      <x-filament::tabs.item
          :icon="$enabledView->getIcon()"
          :icon-position="$enabledView->getIconPosition()"
          alpine-active="activeTab === '{{ $enabledView }}'"
          x-on:click="setActiveTab('{{ $enabledView }}')"
      >
          {{ $enabledView->getLabel() }}
      </x-filament::tabs.item>
  @endforeach

</x-filament::tabs>
one of this tabs contains a Filament table: 
<div class="w-full flex flex-row justify-start items-start gap-5 overflow-x-auto pb-5"
     x-show="activeTab === '{{ $condition }}'"
     wire:key="kanban-table-view">

    <div class="w-full">
        {{ $table }}
    </div>

</div>
<div class="w-full flex flex-row justify-start items-start gap-5 overflow-x-auto pb-5"
     x-show="activeTab === '{{ $condition }}'"
     wire:key="kanban-table-view">

    <div class="w-full">
        {{ $table }}
    </div>

</div>
in the other tabs I have Filament actions, that was working fine before I add the {{ $table }} in the third tab, but now they are not firing the action method (if I use ->url(...) or ->dispatch(...) they are working, but not with ->action(...)). There is no errors in console or anything, the loading indicator of the button starts and finish an nothing works, but when I change to the tab containing the table I have my action fired and the action modal is visible. If I remove the {{ $table }} all actions works fine. any idea?
4 Replies
Hatim
HatimOP•2w ago
If I add 
<x-filament-actions::modals />
<x-filament-actions::modals />
just after my actions, they works. But the table actions not working anymore!
awcodes
awcodes•2w ago
Are the tabs inside a form?
Hatim
HatimOP•6d ago
Sorry didn’t see your message, nope they are outside
awcodes
awcodes•5d ago
Hmm. I’m thinking it’s maybe a conflict of the HasActions interface and trait. Are you using one livewire component. Or is each tab’s content individual livewire components?

Did you find this page helpful?