Using drawer navigation leads to iOS browser double cursor

[deyanskiq]

Using drawer and drawer-mobile daisyui classes leads to double cursor + iOS browser menu not hiding on scroll (which is the default behaviour).

I have noticed that on both my project and daisy ui website (screenshot attached).

Any suggestions how to fix this?

[saadeghi]

@deyanskiq This doesn't seem to be a problem on the new iOS safari but I will look into that to see if there's a workaround...

[deyanskiq]

Just tested on the latest iOS version (15.1), iPhone XR, and it seems that the behaviour is the same. Please have a look if there's a workaround.

[instanceofmel]

I can confirm that the problem still persists on my iPhone XR.

[sshquack]

Not sure if this is related but this might be related to the trackpad swipe gesture not working in drawer-content so I created #432

[deyanskiq]

Hey @saadeghi, any update on the topic?

[saadeghi]

The problem is generally the 100vh height and it's not just a problem from daisyUI. Mobile browsers have dynamic sections on top or bottom that will show and hide based on the scroll position and that section is not calculated when we want a full height section and we use 100vh for it. I tried a few solutions but none of them were practical to use on production. There are new height units coming to CSS that will solve this but the browser support is not good yet.

[deyanskiq]

Ok, thanks! Can you share a workaround that we can apply until then?