My website uses Facebook Connect for authentication on the desktop and mobile sites. When a user clicks the Facebook button, the browser opens a popup window where the user can login to Facebook. When the user logs in, the window closes and messages the main window to go on.
This works great on iPhone. A new window opens and is brought to the foreground. After logging in, brings the original window to the foreground. Everything is happy.
On Android, the user experience sucks. Trying to be clever, Android opens a popup window on top of the current window. However, the login popup is completely zoomed out and the input boxes are tiny. Predictably, many users just close the popup and give up.
How can I use the Connect JS library to force a real window to open, or at least force Android to make the login box presentable?