This repository was archived by the owner on Sep 5, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 3.4k
This repository was archived by the owner on Sep 5, 2024. It is now read-only.
autocomplete: virtual keyboard not appearing on mobile/android #11339
Copy link
Copy link
Open
Labels
BlockedProgress on this issue is blocked. Primarily used for PRs that are blocked by presubmit feedback.Progress on this issue is blocked. Primarily used for PRs that are blocked by presubmit feedback.P3: importantImportant issues that really should be fixed when possible.Important issues that really should be fixed when possible.browser: Androidbrowser: Chrometype: conflictui: browserui: mobile
Milestone
Description
Bug:
CodePen Demo which demonstrates the issue:
https://codepen.io/anon/pen/mKjXMN (default CodePen created from the "Floating Label" example in https://material.angularjs.org/1.1.9/demo/autocomplete)
Detailed Reproduction Steps:
- Open up https://material.angularjs.org/1.1.9/demo/autocomplete on Chrome in Android (tested with two Android 7.0 stock ROMs (Huawei Honor 9 and HTC One M9)
- Scroll to the floating label example and tap the "Favorite State" input
- Type something that matches (e.g. "Ari")
- Tap outside of the input and suggestions
- Wait 2-3 seconds
- Tap again into the "Favorite State" input
What is the expected behavior?
The Virtual Keyboard should open up when tapping into the input field
What is the current behavior?
The Virtual Keyboard does not appear most of the time. When tapping outside and again inside within a short period (< 1 second) the virtual keyboard more reliably appears.
What is the use-case or motivation for changing an existing behavior?
Bug.
Which versions of AngularJS, Material, OS, and browsers are affected?
- AngularJS: 1.6.7
- AngularJS Material: 1.1.9
- OS: Android 7.0 stock ROMs (Huawei Honor 9 and HTC One M9)
- Browsers: Chrome (Brave also applies)
Is there anything else we should know? Stack Traces, Screenshots, etc.
andresgardiol
Metadata
Metadata
Assignees
Labels
BlockedProgress on this issue is blocked. Primarily used for PRs that are blocked by presubmit feedback.Progress on this issue is blocked. Primarily used for PRs that are blocked by presubmit feedback.P3: importantImportant issues that really should be fixed when possible.Important issues that really should be fixed when possible.browser: Androidbrowser: Chrometype: conflictui: browserui: mobile
Type
Projects
Milestone
Relationships
Development
Select code repository
Activity
[-]autocomplete on mobile/android: virtual keyboard not appearing[/-][+]autocomplete: virtual keyboard not appearing on mobile/android[/+]Splaktar commentedon Jul 2, 2018
I am not able to reproduce this using a Pixel XL running Android 8.1.0 with Chrome or Firefox. I tried quick pauses and long pauses, but the virtual keyboard appeared almost instantly each time.
Please provide more details on the reproduction and some indication of how this is a bug in AngularJS Material.
matthesrieke commentedon Jul 3, 2018
Thanks for testing the issue. I can only give you the information I had in my original posting. The one difference I see is the Android version. I can only report it for 7.0 (I do not have other devices at my disposal). I have created a quick GIF showcasing the issue. I can also tell that normal input fields (both common HTML as well as Material inputs) work perfectly fine and always open up the virtual keyboard.
Edit: at the end of the GIF you can see the autocomplete progress bar appearing for a blink of an eye for multiple times. That were the taps on the input field.
Ruudi-V commentedon Jul 20, 2018
I currently have an analogous problem. The bug was introduced, when i added md-min-length="0" to the autocomplete.
Related code:
https://codepen.io/anon/pen/mjOQRd
Tested on Galaxy Tab Active2, Google Chrome for Android ver 67.0.0.3396.87
12 remaining items
Ruudi-V commentedon Aug 1, 2018
Created a chrome bug issue here:
https://bugs.chromium.org/p/chromium/issues/detail?id=869764
Splaktar commentedon Aug 1, 2018
@Ruudi-V can you please copy paste the text from those logs (not just a screenshot) into the Chromium bug please? That is the key indicator that this is a Chrome for Android bug. Without that, they may just dismiss the issue.
Splaktar commentedon Feb 8, 2019
https://bugs.chromium.org/p/chromium/issues/detail?id=869764 was closed by the Chromium team as part of a bulk issue closing earlier this week. @Ruudi-V are you able to re-open the issue?
andresgardiol commentedon May 9, 2019
Hi, I have the same problem on my Xiaomi A2 lite with Android 9. When I enter the Angularjs Material page it does not show the virtual keyboard when I click on the first and second input of the autocomplete demo.
I'm using it in my application and it does not work properly either.
Splaktar commentedon May 10, 2019
As a response to my previous comment, I was able to get the Chromium team to reopen the issue.
@andresgardiol can you please add your phone model, android version, keyboard, and Chrome version to a comment in the Chromium bug? It would also be great if you could share a screen recording so that the Chromium team can continue debugging this.
If anyone else is still experiencing this with a recent version of Chrome, they are asking for
andresgardiol commentedon May 13, 2019
Ok, I already commented on the problem in the link that you send me. Thank you
andresgardiol commentedon Oct 28, 2019
Was there any news about this issue?
Splaktar commentedon Nov 2, 2019
Nope, it's blocked by the Chromium team. They did identify that it was a regression in Chrome 62.