bug: Mobile browsers problems

[JTorresConsulta]

What version of daisyUI are you using?

3.0.20

Describe your issue

1- Modal: not open on iOs mobile browsers 2- Online indicator: show a background square on iOs and Android browsers 3- Swap: show checkbox on iOs browsers

Other thing: How to trigger the drowdown close? For example, clicking in the button that opened.

Thanks.

What browsers are you seeing the problem on?

All browsers

Reproduction URL (optional)

https://codepen.io/JTorresConsulta/pen/dyQPXZo

[saadeghi]

I opened your Codepen Link on iOS and I can't see the issues:

What iOS version are you using?

[JTorresConsulta]

[Keshavdulal]

I can confirm the same issue on daisyui:3.1.1 across multiple ios mobile devices on Safari & Chrome. Not on iPad though. Not on Desktop Safari or Chrome either. Not on Desktop Safari and Chrome's Mobile view either.

I am using a Modal Component to signin/up and people see the following on their iPhones. This makes it very hard to debug/fix.

[zuzy-dev]

Any update on this?

I get the same using safrai on iPad/ios 14.4

[zuzy-dev]

<dialog>-element is not supported in iOS 14: https://www.lambdatest.com/web-technologies/dialog-support-on-safari-14

Refactor code to https://daisyui.com/components/modal/#method-2-using-a-hidden-checkbox-legacy or https://daisyui.com/components/modal/#method-2-using-a-hidden-checkbox-legacy