Skip to content
This repository was archived by the owner on Sep 5, 2024. It is now read-only.
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

@matthesrieke

Description

@matthesrieke

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:

  1. 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)
  2. Scroll to the floating label example and tap the "Favorite State" input
  3. Type something that matches (e.g. "Ari")
  4. Tap outside of the input and suggestions
  5. Wait 2-3 seconds
  6. 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.

Activity

changed the title [-]autocomplete on mobile/android: virtual keyboard not appearing[/-] [+]autocomplete: virtual keyboard not appearing on mobile/android[/+] on Jul 2, 2018
Splaktar

Splaktar commented on Jul 2, 2018

@Splaktar
Contributor

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.

self-assigned this
on Jul 2, 2018
added
needs: feedbackThe issue creator or community need to respond to questions in this issue
on Jul 2, 2018
matthesrieke

matthesrieke commented on Jul 3, 2018

@matthesrieke
Author

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.

android-autocomplete

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.

added
needs: investigationThe cause of this issue is not well understood and needs to be investigated by the team or community
needs: more infoThe issue does not contain enough information for the team to determine if it is a real bug
and removed
needs: feedbackThe issue creator or community need to respond to questions in this issue
on Jul 8, 2018
added this to the - Backlog milestone on Jul 8, 2018
removed their assignment
on Jul 8, 2018
Ruudi-V

Ruudi-V commented on Jul 20, 2018

@Ruudi-V

I currently have an analogous problem. The bug was introduced, when i added md-min-length="0" to the autocomplete.
autocomplete-bug

Related code:
https://codepen.io/anon/pen/mjOQRd

Tested on Galaxy Tab Active2, Google Chrome for Android ver 67.0.0.3396.87

added and removed
needs: more infoThe issue does not contain enough information for the team to determine if it is a real bug
on Jul 20, 2018

12 remaining items

removed this from the 1.1.11 milestone on Aug 1, 2018
added
BlockedProgress on this issue is blocked. Primarily used for PRs that are blocked by presubmit feedback.
on Aug 1, 2018
Ruudi-V

Ruudi-V commented on Aug 1, 2018

@Ruudi-V
Splaktar

Splaktar commented on Aug 1, 2018

@Splaktar
Contributor

@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

Splaktar commented on Feb 8, 2019

@Splaktar
Contributor

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?

added this to the - Backlog milestone on Feb 8, 2019
andresgardiol

andresgardiol commented on May 9, 2019

@andresgardiol

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

Splaktar commented on May 10, 2019

@Splaktar
Contributor

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

if anyone could repo on recent Chrome releases and share the new info including Android/keyboard/screen record with us.

andresgardiol

andresgardiol commented on May 13, 2019

@andresgardiol

Ok, I already commented on the problem in the link that you send me. Thank you

andresgardiol

andresgardiol commented on Oct 28, 2019

@andresgardiol

Was there any news about this issue?

Splaktar

Splaktar commented on Nov 2, 2019

@Splaktar
Contributor

Nope, it's blocked by the Chromium team. They did identify that it was a regression in Chrome 62.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

Relationships

None yet

    Development

    No branches or pull requests

      Participants

      @Splaktar@matthesrieke@andresgardiol@Ruudi-V

      Issue actions

        autocomplete: virtual keyboard not appearing on mobile/android · Issue #11339 · angular/material