Skip to content

rumit91/PhoneGapKeyboardIssue

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

PhoneGapKeyboardIssue

Repo for testing out issues with the PhoneGap keyboard in iOS. Specifically created to illustrate an issue with the cordova-plugin-wkwebview and cordova-plugin-keyboard. See this issue for more details.

Setup instructions

  1. On your Mac install PhoneGap - http://phonegap.com/
  2. Run phonegap build ios
  3. Open /platforms/ios/KeyboardIssue.xcodeproj and Run

Behaviors

###Default###

  • The default behavior of the WKWebView was to just slide up the whole webview and leave room for the form bar which effectively ignored the Keyboard.shrinkView(true) command of the keyboard plugin. Illustrated in the next two screenshots:
  • Screenshot1 - keyboard down - no fix Screenshot2 - keyboard up - no fix

###With fix to ReroutingUIWebView.m###

  • Adding my fix to the ReroutingUIWebView.m file makes the app behave a bit closer to what's desired:
  • Screenshot3 - keyboard down - fix Screenshot4 - keyboard up - fix

###With fix to <meta> in index.html###

  • Removing height=device-height from the <meta> tag in index.html makes the app behave as desired.
  • Screenshot5 - keyboard down - fix Screenshot6 - keyboard up - fix

###Still need to fix scrolling issue###

  • When the keyboard is up the user is unable to scroll the webview as expected.
  • It is still possible to scroll the webview, but only if you scroll in a thin little strip right below the title bar.
  • Will investigate further.

###Please post here if you have any suggestions for a fix to this issue!###

About

Repo for testing out issues with the PhoneGap keyboard plugin.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published