bug: filter component not hiding other radio button choices

[si4dev]

What version of daisyUI are you using?

5.0.0-beta.6

Which browsers are you seeing the problem on?

Chrome

Reproduction URL

https://play.tailwindcss.com/hve4LcIl13

Describe your issue

I found out that the component is missing the filter.not class which is working properly on the demo page. Because of this the other radio buttons are not hiding in case one is selected.

.filter:not(:has(input:checked:not(.filter-reset))) .filter-reset, .filter:not(:has(input:checked:not(.filter-reset))) input[type=reset], .filter:has(input:checked:not(.filter-reset)) input:not(:checked,.filter-reset,input[type=reset]) {
  opacity: 0;
  border-width: 0;
  width: 0;
  margin-inline: 0;
  padding-inline: 0;
  scale: 0;
}

[github-actions]

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

[saadeghi]

Your Tailwind Play link is Tailwind CSS 3 and daisyUI 4.
It works with Tailwind CSS 4 and daisyUI 5:
https://play.tailwindcss.com/0xVZR3jbYH

Let me know if you have a question.

[si4dev]

I do see your working example. However in my local SvelteKit project I'm using daisyUI V5 and tailwindcss 4.0.3 it is not working.

After some more debugging I've isolated the cause to be the prefix.

@plugin "daisyui" {
  prefix: 'dz-';
}

When I remove the prefix in both the setting as the html classes to test then the filter is working properly.

[saadeghi]

Thanks for the details.
Yes I can confirm it doesn't work with prefix.
https://play.tailwindcss.com/GPZVk25mPT

Will be fixed soon 👍

[saadeghi]

fixed in 5.0.0-beta.7

[si4dev]

To confirm that it is working properly now. Thanks for the fix and the nice library!