Carousel is broken with Tailwind 4

[bourquep]

• I have searched the Issues to see if this bug has already been reported
• I have tested the latest version

Steps to reproduce

After upgrading from Tailwind 3 to Tailwind 4, the Carousel isn't rendering properly. Each slide is rendered on top of each other.

Here's a CodeSandbox that reproduces the issue:

https://codesandbox.io/p/devbox/y3l7vf

Current behavior

[syiffanoriza]

Hi, I'm facing the same issue right now, just moved from v3 to v4. Did you manage to resolve this issue yet?

[SutuSebastian]

Hey there, did u guys follow the release changelog migration guide? also make sure to check "Breaking Changes" section too.

See here flowbite-react@0.11.0.

[SutuSebastian]

The sandbox does not work because of #1559

[syiffanoriza]

Hi @SutuSebastian, I was trying to use the carousel on a pure vitawind project I just made today. everything on its latest version. Taking a step back, I'm not so sure where the issue is. Is it the carousel or the vitawind starter I'm using. Best I get back to it now.

Thanks for the heads up regarding the migration guide!

[SutuSebastian]

Using tools like vitawind is simply redundant today.

If u want to have a fresh nice configured template using flowbite-react simply run npx create-flowbite-react@latest and pick ur framework/bundler of choice

[syiffanoriza]

thank you, I'll keep that in mind

[MarcosZeaMoreno]

I have fixed the bug in my proyect by changing the theme. I only swapped the absolut class with the relative class. Something like this:

carousel: {
		"item": {
			"base": "relative",
		},
	}