CODEWITHSUNDEEP
javascriptios8keyboardionic-framework
Kinglish
Kinglish

Reputation: 23654

Ionic iOS8 form field focus causes page to scroll incorrectly

Pls see video for example (sorry about the dark box overlay). Video is taken from an iPhone emulator (via Browserstack)

When I click into a form field, and that field is lower than the center of the screen, the whole page jumps up and then scrolls down quickly - not far enough though - so that you cannot see the form field behind the keyboard. Additionally the page was zooming in (again the form field would dissapear behind the keyboard) - and then NOT zooming back out. For the time being I have disabled zooming or scaling in the meta viewport tag

I have seen other posts where they recommend the keyboard plugin for cordova. I am not using Cordova. This happens in iOS 8 and Windows, not andriod

This view is directly in safari, however the finished product will be in an application wrapper

Is there anyway to fix this when NOT using Cordova?

https://www.youtube.com/watch?v=KXhwCewI76I

Upvotes: 2

Views: 1589

Answers (1)

esafwan
esafwan

Reputation: 18029

This is a known issue, you can see some details in the below links:

Workaround will be to use the Keyboard plugin, and disable the Scroll using the method cordova.plugins.Keyboard.disableScroll(true); to disable native scrolling.

Details of the plugin can be found here.

Upvotes: 1

Related Questions