Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Tabs component prevents api fetches inside the components #1281

Open
brobee opened this issue Mar 18, 2024 · 2 comments
Open

Tabs component prevents api fetches inside the components #1281

brobee opened this issue Mar 18, 2024 · 2 comments

Comments

@brobee
Copy link

brobee commented Mar 18, 2024

Describe the bug

Hello,

I have 4 tabs, each tabs shows a component with a Table. Data for tables are stored in a writable store and I use that data.

However I noticed on my network tab in my browser, fetch are working for only the activate tab, not all of them.

It's flowbite related thing because with bootstrap tab components, exactly the same implementation (store, fetch etc.) are works well and no matter which tab is selected, all api calls are done at the same time and appears in the DOM.

Is it a bug, or just miss something with the usage of Tabs/TabItems?

<Tabs style="underline">
	<TabItem open title="list1">
		<List1 />
	</TabItem>
	<TabItem title="list2">
		<List2 />
	</TabItem>
	<TabItem title="list3>
		<List3 />
	</TabItem>
</Tabs>

Flowbite version and System Info

"flowbite": "^1.6.3",
"flowbite-svelte": "^0.29.13",
"flowbite-svelte-blocks": "^0.1.6",
@shinokada
Copy link
Collaborator

Can you try it with the latest version?

@brobee
Copy link
Author

brobee commented Mar 18, 2024

Same thing, nothing changed only active tabs are refreshed.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants