Skip to content
This repository has been archived by the owner on Sep 5, 2024. It is now read-only.

autocomplete: cannot blur on touch device #10518

Closed
adinaelisheva opened this issue Mar 20, 2017 · 5 comments
Closed

autocomplete: cannot blur on touch device #10518

adinaelisheva opened this issue Mar 20, 2017 · 5 comments
Assignees
Labels
browser: Android g3: reported The issue was reported by an internal or external product team. resolution: fixed ui: mobile
Milestone

Comments

@adinaelisheva
Copy link
Contributor

Actual Behavior:
When the autocomplete input is selected and the autocomplete dropdown opens on a touch device, it is impossible to blur the input/close the dropdown by tapping outside of the input. The only way to close the dropdown is to select one of the items.

Demo (or steps to reproduce the issue): *
Reproducible on the md-autocomplete demo page: https://material.angularjs.org/latest/demo/autocomplete
Steps to reproduce:

  1. Select the autocomplete input
  2. Tap outside the input

AngularJS Versions: *

  • AngularJS Version: 1.5
  • AngularJS Material Version: 1.1

Additional Information:

  • Browser Type: * Chrome
  • Browser Version: * 56.0
  • OS: * Android 7.1.1, Pixel

Shortcut to create a new CodePen Demo.
Note: * indicates required information. Without this information, your issue may be auto-closed.

Do not modify the titles or questions. Simply add your responses to the ends of the questions.
Add more lines if needed.

@jelbourn jelbourn added the g3: reported The issue was reported by an internal or external product team. label Mar 20, 2017
@jithureddy
Copy link

I have added similar issue #10521

@jithureddy
Copy link

I can see that md-scroll-mask is not getting removed if do on blur or click elsewhere on the page, after going through DOM
image

@maghidini
Copy link

any update on this issue for Angular Material 1.1.6 version?

@Splaktar Splaktar added the resolution: can't reproduce The team is unable to reproduce this issue with the information provided label Feb 11, 2018
@Splaktar Splaktar self-assigned this Feb 11, 2018
@Splaktar
Copy link
Member

It looks like this is working properly on Chrome for Android since AngularJS Material 1.1.5.

@Splaktar Splaktar added resolution: fixed and removed resolution: can't reproduce The team is unable to reproduce this issue with the information provided labels Feb 11, 2018
@Splaktar Splaktar added this to the 1.1.5 milestone Feb 11, 2018
@Splaktar
Copy link
Member

This was fixed in baa869a.

@Splaktar Splaktar changed the title Cannot blur md-autocomplete on touch device autocomplete: cannot blur on touch device Sep 20, 2018
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
browser: Android g3: reported The issue was reported by an internal or external product team. resolution: fixed ui: mobile
Projects
None yet
Development

No branches or pull requests

5 participants