bug: Toggle switch checkboxes break when focused

[B1tWhys]

What version of daisyUI are you using?

4.12.22

Which browsers are you seeing the problem on?

Chrome, Firefox

Reproduction URL

https://github.com/B1tWhys/daisyui-toggle-bug-report

Describe your issue

Hi, I'm having an issue where toggle switches are rendering completely gray when focused, but render completely fine once focus goes away:

Here's a repo that reproduces the error (see the readme for more detailed reproduction steps): https://github.com/B1tWhys/daisyui-toggle-bug-report

Thanks in advance!

[github-actions]

Thank you @B1tWhys 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]

This style is from @tailwindcss/forms, not daisyUI

If you really need @tailwindcss/forms use their class strategy so it doesn't apply styles to all inputs on the page.

Let me know if you have any questions

[B1tWhys]

Ah, woops. That makes sense. Thanks for the quick response!

[AckermannTM]

I had the same issue. Removing @tailwindcss/forms from tailwind.config.js fixed the issue! Thank you guys :D