Resolved issue with FlashOfUnstyledContent (FOUC) when using jQuery Mobile

[BrandonLWhite]

There is a 10ms delay after the keyboard is displayed before it actually fires 'visible.keyboard'.
Since the jQuery Mobile plugin restyles the controls in response to the 'visible.keyboard' event, the user will experience FlashOfUnstyledContent (FOUC). I guess technically it's not unstyled -- just the wrong style.

This fix, or workaround rather, avoids this FOUC by first setting the visibility to hidden on 'beforeVisible.keyboard' so that the user doesn't see anything during the delay, then after the mobile styles are applied we set it visible.

This may not be ideal -- but I couldn't think of a better way to approach this without purposely eliminating the setTimeout delay in the core code or by adding another event before the setTimeout.

You don't see the issue in the demo page for jQM, because its not showing keyboards in response to touches/clicks. If you'd prefer to see some test cases, I can put together some fiddles later.

Also, I didn't get a chance to do the minified version. I'm expecting to do another PR, hopefully by Monday.

[Mottie]

Thanks @BrandonLWhite!

I haven't done much testing on mobile since I have a very old android smart phone (v2.3.5) which I don't use the internet on LOL. So thanks for taking the time to help improve this project!

Rob