We encounter render problem when Windows Phone keyboard is displayed.
When a textfield (screenshot 1) get focus, the keyboard is displayed and as you can see (screenshot 2), the keyboard move application’s content to top and body background appears between keyboard and view.
We didn’t have this problem when project targeted 8.0, it only happens since we updated Phonegap project to Windows Phone Silverlight 8.1.
As you can see (screenshot 2), the view moves but cursor stay where we tapped on textfield (screenshot 3).
Content is displayed at wrong place but when you tap a second time where field was (screenshot 3) view render right and field keeps focus (screenshot 4).
We tried so much solution without success:
- We listened UpdateLayout of WebBrowser to detect when keyboard was hidden but it was too early, render issue came after this event.
- In javascript, we set listeners on window’s scroll event. This listener make a scrollTo(0,0) to reset window’s position but it didn’t work in all case.
- We set listener on viewport’s resize event, but this event is not sent when keyboard is displayed.
Windows Phone 8.1 - Keyboard make render issue
