I have a weird issue with the overlay for a popup on Android... I haven't had a chance to test this on iOS but I have a simple page with a left navigation panel, a header, and content. On the header I have a button to open the panel and a button to load a popup. Everything works but when I open the popup, the overlay has a large square in the upper-left corner of the window... the rest of the content fades as normal using the overlay. Does this have something to do with my panel or am I just not putting the popup in the proper location?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Have you tried the css fix? I also had an issue with the scrolling... it seemed to be a bit off and would open the panel when I was trying to scroll up with my thumb. I found a lot of information about it but no good fixes so I just adjusted the thresholds using this:
Those threshold values seemed to work a lot better for me (on Android) but it still seems to be a bit flaky on iOS. I'm really still learning jqm and trying to do this all by the book on testing and minor applications. I don't like using overrides as it's not very clean and it seems like there should be a far simpler ways of handling all this... I'm just failing to find them.