Tabs should be responsive

[nezaboravi]

Love the tabs, but imho Tabs should be responsive and fold on mobile views. Currently page scrolls, which is how we would expect it to be.
Perhaps convert it to drop down as tailwindui does? Or any other solution but scrolling.

[mauritskorse]

Yep, I agree. I already made a mockup for the nav menu. Havent tried it for tabs though.
See #258

[donnyxray]

Yes please! I've been trying overflow-x-auto on the flux:tabs section as a work-around, but to no avail.

As I imagine it will take a while for Team Flux to get to this - please post functional work-arounds if you have them.

[mauritskorse]

check this out: #258 (comment)

[donnyxray]

Awesome! Thank you.

[nezaboravi]

This is nice, but why? I do expect this to be done by library, without me hacking around. It is so common thing to have.
i check what you did, and i dont know to do that my self, so i purchase library to solve it for me.

[helderneves91]

This is nice, but why? I do expect this to be done by library, without me hacking around. It is so common thing to have. i check what you did, and i dont know to do that my self, so i purchase library to solve it for me.

although you are totally right, we're just helping each other

[helderneves91]

Love the tabs, but imho Tabs should be responsive and fold on mobile views. Currently page scrolls, which is how we would expect it to be. Perhaps convert it to drop down as tailwindui does? Or any other solution but scrolling.

totally agree, and it's not only on mobile, if you use alot of tabs, it won't wrap.

As a workaround I use <flux:tab.group class="overflow-auto">.

[orchidcode]

Any chance this would be addressed?

[orchidcode]

I did some research to see how it could be handled, and it looks like the best option is something similar to the solution used on the Stripe dashboard. I built something similar based on the code from this comment #258 , but it would be great if it were a core feature rather than a workaround.