bug: ion-input autofill does not work when input is nested within other Ionic components

Bug Report

Ionic Version:

[x] 4.x

Current behavior:

When attempting to use the username/password autofill prompt provided by the operating system (like iOS with Keychain or 1Password), if an ion-input element is nested within another Ionic component (like ion-item or ion-row), the autofill capability will not be provided to the user.

Expected behavior:

<ion-input> components should allow for autofilling regardless of whether or not they are nested (within reason) in other Ionic components.

Related code:

Repo: https://github.com/bryplano/UsernameRepro

Steps to reproduce:

See README.md on the included sample repository.

Short version:

1. Create an application that places two ion-input components - one for a username and one for a password - onto a single page app.
2. Run the app on an iOS device
3. Try to autofill the fields using a username/password autofill capability or app (iOS Keychain, 1Password, LastPass, etc.) by tapping on the username field and attempting to autofill via the keyboard shortcut
4. The Issue: Notice that if the ion-input components are nested as part of an ion-grid or an ion-list in some manner, the ion-input for username will not allow the user to autofill a value. Only the ion-input for password will autofill properly.

Other information:

Ionic info:

Ionic:

   Ionic CLI                     : 5.2.8 
   Ionic Framework               : @ionic/angular 4.9.1
   @angular-devkit/build-angular : 0.801.3
   @angular-devkit/schematics    : 8.1.3
   @angular/cli                  : 8.1.3
   @ionic/angular-toolkit        : 2.0.0

Capacitor:

   Capacitor CLI   : 1.2.1
   @capacitor/core : 1.2.1

Utility:

   cordova-res : 0.6.0 
   native-run  : 0.2.8 

System:

   NodeJS : v10.16.3
   npm    : 6.9.0
   OS     : macOS Mojave

[cmaas]

@bryplano I also opened an issue at the capacitor repo the other day, because I thought it was related to it. I think it can be closed too: https://github.com/ionic-team/capacitor/issues/2211 (And I think it helps to have as few open issues as possible for trust reasons 😉)

[cmaas]

@bryplano Good find, thanks for pointing this out. In the meantime, I just redesign my login form to use ion-card as suggested above. This works pretty well. I guess this issue can be closed then.