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.

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

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 · May be fixed by #3293
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 · May be fixed by #3293

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.

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.

c-h-o-n added a commit to c-h-o-n/daisyui that referenced this issue Nov 24, 2024
@c-h-o-n c-h-o-n linked a pull request Nov 24, 2024 that will close this issue
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

1 participant