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">
I've been searching through these forums most of the day but can't seem to find anything on this issue:
Laying the foundation for a new site using jqm with 2 panels (left/right) and main content with a fixed header. Right now there is no real data, just simple, random text. I've set everything up using the standard methods as described in the jqm docs. The right panel is fixed and the left panel has a listview. When I have basic data on the content page everything scrolls fine, however when I try to add a listview on the content page the entire site will only scroll as far as the content page even if the left panel is longer.
Is this a known issue? Anything I can do to fix it? If this has already been addressed I apologize but would appreciate a link to the discussion.
I should also add that I've disabled Ajax across the board because I don't need it.
Update: I just realized this seems to be an issue with a fixed header on the content page... as soon as I disable that, my site scrolls just fine with lists in both the left pane and the main content area.
Update 2: I'm just really confused by this... not sure if it has anything at all to do with the listview or even the fixed header in the content area. I changed the data-display to reveal (from push) and it scrolls fine but the panel doesn't stay locked to vertical scroll position. In fact the entire page scrolls in all directions.
Update 3: Figured it out (sort of). I just set both left and right panels as fixed and set the css overflow to scroll. I actually like this better than what I originally wanted. :)