search

saadeghi / daisyui

🌼 🌼 🌼 🌼 🌼  The most popular, free and open-source Tailwind CSS component library
https://daisyui.com
MIT License
34.04k stars 1.3k forks source link

bug: accordion doesn't open/close on IOS using unstyled mode #3268

Open c-h-o-n opened 6 days ago

c-h-o-n commented 6 days ago

What version of daisyUI are you using?

v4.12.14

Which browsers are you seeing the problem on?

Safari iOS, Other

Reproduction URL

https://stackblitz.com/edit/daisyui-react-vite-qhww2b?file=tailwind.config.js

Describe your issue

I'm using daisyui with styled: false config value. The accordions on Safari IOS and Chrome IOS browsers (and on MacOS before Safari 15) don't open/close on click. It works if styled is set to true in the config.

The issue seems like the missing width: 100% property on the radio inputs. On IOS browsers the radio input fields won't take full width unless it's specified.

I didn't test this on android.

github-actions[bot] commented 6 days ago

Thank you @c-h-o-n 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.