bug: Autofill Form in Browser Leaves Keyboard Artifact

[philmerrell]

Bug Report

I've been updating to Cordova 2.0 and I've noticed an issue that wasn't present in 1.x when we use Browser to #to our OpenID provider on iOS.

Our authentication process must take place through the web so we open a capacitor browser. When I use the autofill feature in iOS to automatically fill out my credentials, there is a black space where the keyboard was after returning to the application.

https://www.youtube.com/watch?v=-kq2tatiif4

If I type in my username and password manually, everything works as expected.

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

Capacitor Version

npx cap doctor output:

@capacitor/core 2.0.1

  @capacitor/android 2.0.1

  @capacitor/ios 2.0.1

  @capacitor/cli 2.0.1

Affected Platform(s)

• Android
• iOS
• Electron
• Web

[jcesarmobile]

Can you provide a sample app?

[philmerrell]

Yes. It might be a couple days, but I'll get back to you.

…

On Mon, Apr 20, 2020 at 5:23 PM jcesarmobile ***@***.***> wrote: Can you provide a sample app? — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#2804 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AATF2XFZ3626V6ZORDUN52LRNTKQVANCNFSM4MMZT2MQ> .

-- ------------------ *Phil Merrell * Product Owner - Boise State Mobile App Client Side Developer III philmerrell@boisestate.edu

[philmerrell]

I was able to reproduce the issue in a sample app:

https://github.com/philmerrell/AWS-Ionic-Starter/tree/ionic-browser-auth-test

The sample app is in the 'client' folder in the above branch, you can ignore the rest.

To reproduce the issue you don't need to # for an account.

• Tap '#'
• Enter in a username and password (doesn't have to be real) and tap '#' or 'Go' on keyboard.
• When prompted, choose option to 'Save Password' to iCloud.
• Now use the autofill feature to automatically fill in username and password.
• Now tap the 'Done' on the browser.
• Now back in the application, you should see the viewport has been reduced.

Here is the steps recreated in a video.

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

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Capacitor, please create a new issue and ensure the template is fully filled out.