question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

bug: Input popups (autofill, scan new credit card, etc) not opening on Android

See original GitHub issue

Prequisites

Ionic Framework Version

  • v4.x
  • v5.x
  • v6.x

Current Behavior

The android app is not displaying any of the autofill (name, email, etc) and other input popups on Android. I have tried on both an emulator and on a physical device. It does however work correctly if I open it in chrome (on both the emulator and physical device).

The inputs also do work correctly on IOS.

Expected Behavior

Android autofill popups should open when clicking on an input with correct attributes.

Steps to Reproduce

Add an input like below. I have tested with various attributes, etc to no avail.

  • <ion-input name="lname" autocomplete="family-name" type="text" formControlName="lastName" autocapitalize="words"></ion-input>

Code Reproduction URL

No response

Ionic Info

No response

Additional Information

No response

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:20 (9 by maintainers)

github_iconTop GitHub Comments

1reaction
liamdebeasicommented, Sep 14, 2021

Hey there,

Thanks for your patience while we investigated this. It turns out that the Chromium team removed support for autocomplete in the Android WebView (see: https://bugs.chromium.org/p/chromium/issues/detail?id=1238338#c15) in favor of developers integrating with the Android autocomplete framework in their apps (see: https://bugs.chromium.org/p/chromium/issues/detail?id=1238338#c17).

At this point there is not much that Ionic Framework can control with regards to Android autocomplete, so I think it makes sense for the Capacitor team to investigate adding support for the Android autocomplete framework so that any Capacitor app can have autocomplete capabilities.

I am going to close this issue since there is nothing actionable from the Ionic Framework side, but I created a feature request with the Capacitor team for this addition (https://github.com/ionic-team/capacitor/issues/5052). I recommend following https://github.com/ionic-team/capacitor/issues/5052 for any updates on this issue.

Thank you!

1reaction
liamdebeasicommented, Aug 2, 2021

Apologies for the delay. I have been out of the office for several days and am getting caught up. I will try to take a look later this week.

Read more comments on GitHub >

github_iconTop Results From Across the Web

when entering a CC number on Android, "Scan new card ...
Issue 449646: when entering a CC number on Android, "Scan new card" flashes at me once for every character typed ... [autofill] Credit...
Read more >
[android] Scan new credit card from autofill popup. (issue ...
This patch adds a "Scan new card" menu item to the autofill popup on. Android. The feature is behind the command line flag:...
Read more >
Autofill: What web devs should know, but don't - Cloud Four
The scan credit card feature is a subset of browser functionality that web developers have long ignored: autofill. It's understandable why web ...
Read more >
Fix issues with saved payment info & passwords - Android
On your Android device, open the Chrome app Chrome . · On the right of the address bar, tap More Organize and then...
Read more >
Uninstall Pop-up Ads program from your computer
When the scan Junkware Removal Tool will be completed, this utility will display a log with the malicious files and registry keys that...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found