Describe the bug
When using interactive tabs (https://flowbite.com/docs/components/tabs/#interactive-tabs) with Laravel Livewire and performing any action that interacts with the backend like wire:click="nothing", the tabs lose their styling and no content is visible. See attached screenshots.
<?php
namespace App\Livewire\Orders;
use Livewire\Component;
class Tabs extends Component
{
public function render()
{
return view('livewire.orders.tabs');
}
public function nothing() {
}
}
Update: As soon as I click the first tab, the styles and content are back. Only works with the first tab though. So I wrote a very dirty workaround that click()s the first and then the originally active tab...
Describe the bug When using interactive tabs (https://flowbite.com/docs/components/tabs/#interactive-tabs) with Laravel Livewire and performing any action that interacts with the backend like
wire:click="nothing"
, the tabs lose their styling and no content is visible. See attached screenshots.May or may not be related to https://github.com/themesberg/flowbite/issues/721
To Reproduce Steps to reproduce the behaviour:
Livewire component
Blade template for the component (code from https://flowbite.com/docs/components/tabs/#interactive-tabs, only added a link that calls the
nothing()
method)Expected behavior Tabs look and work like they did before and show the content.
Screenshots Before click:
After click on
Desktop (please complete the following information):
Thanks a lot for any help and also for the great work - Cheers!