You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@cordova.apache.org by GitBox <gi...@apache.org> on 2018/12/11 22:11:35 UTC

[GitHub] dpolivy opened a new issue #472: iOS 12 / UIWebView Keyboard covers INPUT elements at the bottom of page

dpolivy opened a new issue #472: iOS 12 / UIWebView Keyboard covers INPUT elements at the bottom of page
URL: https://github.com/apache/cordova-ios/issues/472
 
 
   I've noticed a regression/change in behavior with iOS 12 on our Cordova app using UIWebView. When we have `<input>` elements at the bottom of the page, tapping to insert focus brings up the iOS keyboard, which promptly covers the element and makes it impossible to see/edit what you are typing. You also cannot manually scroll the page higher to make it visible. It seems the keyboard now overlays the UIWebView, instead of the UIWebView adjusting to accommodate the space above the keyboard.
   
   This is easily reproducable with @dpogue's repro case for the WKWebView issue:
   
   https://github.com/dpogue/WKScrollTest
   
   Simply change [this line](https://github.com/dpogue/WKScrollTest/blob/visual-viewport/WKScrollTest/ViewController.swift#L12) to `true`, delete Test Case 8 from the HTML, and run on an iOS 12+ device. Scroll to the bottom of the page, and tap in the input in Test Case 7. The keyboard covers the input.
   
   If you run this same code on iOS 11 or earlier, the viewport adjusts so the input is visible above the keyboard.
   
   This seems similar to #417 but is a distinct issue, as there are no ill-effects once the keyboard is dismissed.
   
   Anyone else seen this/have a workaround or solution?
   
   <details>
   <summary>
   Example screenshots
   </summary>
   
   Here it is on iOS 12 on iPhone XR:
   
   ![image](https://media.giphy.com/media/vRMrmmq7AXgJfbwZnb/giphy.gif)
   
   Here it is working on an iPhone 6 with iOS 9.3:
   
   ![image](https://media.giphy.com/media/3izaxtuSSjcf6lgVnr/giphy.gif)
   
   </details>
   

----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on GitHub and use the
URL above to go to the specific comment.
 
For queries about this service, please contact Infrastructure at:
users@infra.apache.org


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@cordova.apache.org
For additional commands, e-mail: commits-help@cordova.apache.org