Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

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

Open
c-h-o-n opened this issue Nov 9, 2024 · 1 comment
Open

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

c-h-o-n opened this issue Nov 9, 2024 · 1 comment

Comments

@c-h-o-n
Copy link

c-h-o-n commented Nov 9, 2024

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 GitHub Actions
Copy link

github-actions bot commented Nov 9, 2024

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@c-h-o-n