I added a panel to my page and I soon noticed that the popups were not working properly. I narrowed down the problem to the combination of properties data-display="overlay" data-position-fixed="true" of the panel making the popups not show. If you remove either one of those properties, the popups work fine.
Need to add a / before the end. Usually strange behavior like this is due to invalid markup. Also note it works perfectly fine on my mobile devices. Might be a different issue altogether. What browser are you using?
I both added the missing / and removed the line totally. In both occurrences, the popup still didn't show up.
On my PC I tested it in Chrome 24 and Firefox 14. Both browsers produce the popup correctly. For my mobile device, I am using the Cordova web view (I assume) and the user agent is "Mozilla/5.0 (Linux; U; Android 4.0.3; en-us; PG86100 Build/IML74K) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.30)
So I have taken Cordova out of the picture and hosted the code (this time not using relative paths for the js and css http://jsfiddle.net/AMWga/) on my PC's http server and using the phone's browser went to it. It still produces the same problem of the popup not displaying. I even tried going to the jsfiddle page with my mobile phone and still no luck.