Skip to content

bug: tab content overflows when there are two tab rows #3943

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

Open
adwiv opened this issue Jun 5, 2025 · 1 comment
Open

bug: tab content overflows when there are two tab rows #3943

adwiv opened this issue Jun 5, 2025 · 1 comment

Comments

@adwiv
Copy link

adwiv commented Jun 5, 2025

Reproduction URL (Required)

https://play.tailwindcss.com/GrHWC3HrAK

What version of daisyUI are you using?

5.0.43

Which browsers are you seeing the problem on?

Firefox, All browsers

Describe your issue

When there are more tabs than what can fit in a single row (for example when on a mobile device), the tab content overflows.

This happens when tab is in a grid alongwith other content or tab is in flex or grid with content outside

Strangely there are no issues when both tab and content are in a flex-col

Content inside parent flex/grid

Content outside parent flex/grid

Copy link

github-actions bot commented Jun 5, 2025

Thank you @adwiv for reporting issues. It helps daisyUI a lot 💚
I'll be working on issues one by one. I will help with this one as soon as a I find a solution.
In the meantime providing more details and reproduction links would be helpful.

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

1 participant