I've started doing quite a bit of mobile development and have been working on implementing modal dialogs on a site, but I've found a couple of issues I can't work around:
1) On mobile devices (iPhone and Android) a user's touch goes through all layers on a screen. If I create an overlay that prevents a user from clicking the screen beneath it, it works on a desktop, but not on mobile devices. I haven't figure out, yet, how to prevent activation of functions "below" the overlay. Such as tapping a dialog that is on top of a phone number on a mobile device causes the phone to pop up an alert to dial the number. 2) Modal dialogs don't scroll properly. I've noticed that a modal dialog won't scroll unless the screen below (that does scroll when swiped, even if the swipe is on top of the modal dialog) is at the top of the page. This problem is related to problem 1. Anyone have any pointers? Anyone written successful modal dialog code for smartphones? Or know of a plug-in that works well on iPhone, Android, iPad? I was surprised by how much trouble I'm having getting modal dialogs to work on these devices. Before I give up on the modal approach, which I've used a lot on the desktop, I thought I'd ask for help here. Thanks for any feedback! Rick ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~| Order the Adobe Coldfusion Anthology now! http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion Archive: http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:349875 Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm
