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
bug: Tabs using grid-span: 9999
#2988
Comments
Thank you @lko3001
for reporting issues. It helps daisyUI a lot 💚
|
Hello, I have the same problem. The proposal is good. Here is my page: https://edge-components.jrmc.dev/avatar |
❤️ |
What version of daisyUI are you using?
4.10.2
Which browsers are you seeing the problem on?
All browsers
Reproduction URL
https://play.tailwindcss.com/ajpvJUchNb
Describe your issue
This is not really a bug report rather a suggestion. I was using tabs and I wanted to turn on the grid visualization of the browser, as soon as I did that, my browser started lagging, and I have a fairly powerful PC. I found out that the root of the problem was the tab content being
grid-column-end: span 9999
.I tried using grid to fix this issue but I couldnt (without manually adding the number of tabs you have), so I chose a flex-based layout, which seems to work as well as the original one but without the need of creating thousands of columns.
I took some code from the docs and only added a few css lines to fix it as you can see here
That was the code, I just added these lines
By doing so, the tabs are gonna shrink by default, since they're flex-children, and the tab content wants to take 100% of the parent, so I added the flex wrap to make it go on another line, and added the
order
to place.tab-content
as the last elementThe text was updated successfully, but these errors were encountered: