bug: Responsive join always vertical (with CDN usage)

[mika2na]

What version of daisyUI are you using?

5.0.0-beta.8

Which browsers are you seeing the problem on?

Chrome

Reproduction URL

https://play.tailwindcss.com/6EWJRzOT7f

Describe your issue

When using DaisyUI 5 with CDN (version 5.0.0-beta.8) Join as "Responsive: it’s vertical on small screen and horizontal on large screen" is not working as expected. Indeed, it's always vertical.

But on Tailwind Play it's working as expected ... (https://play.tailwindcss.com/6EWJRzOT7f)

[github-actions]

Thank you @mika2na 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.

[deburca]

I noticed the same issue.

The responsive join works when CSS is generated using PostCSS locally.

The code

.lg\:join-horizontal {
            flex-direction:row
        }

is present in the locally generated CSS (plus other lg:join-horizontal related CSS).

On the CDN version of DaisyUI CSS (https://cdn.jsdelivr.net/npm/[email protected]/daisyui.css), such lg:join-horizontal related code is missing.