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 }}

{{ $table }}

in the third tab, but now they are not firing the action method (if I use

->url(...)

->url(...)

->dispatch(...)

->dispatch(...)

they are working, but not with

->action(...)

->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 }}

{{ $table }}

all actions works fine.

any idea?

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 }}

{{ $table }}

in the third tab, but now they are not firing the action method (if I use

->url(...)

->url(...)

->dispatch(...)

->dispatch(...)

they are working, but not with

->action(...)

->action(...)

{{ $table }}

{{ $table }}

all actions works fine.

any idea?

Blade view with Tabs, Actions and Table conflicts

Similar Threads

Blade view with Tabs, Actions and Table conflicts

Similar Threads

Similar Threads

Similar Threads