Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Autocomplete dropdown opened after losing focus #17352

Open
acalvo opened this issue Oct 10, 2019 · 1 comment · May be fixed by #17381
Open

Autocomplete dropdown opened after losing focus #17352

acalvo opened this issue Oct 10, 2019 · 1 comment · May be fixed by #17381
Labels
area: material/autocomplete P3 An issue that is relevant to core functions, but does not impede progress. Important, but not urgent

Comments

@acalvo
Copy link

acalvo commented Oct 10, 2019

Reproduction

Steps to reproduce:

  1. Go to https://stackblitz.com/edit/angular-1zzzix?file=app/autocomplete-simple-example.html
  2. Click in the autocomplete so that the dropdown is opened.
  3. Click in any of the chips.

Expected Behavior

The dropdown should close, as the autocomplete lost the focus.

Actual Behavior

The autocomplete dropdown remains open.

Environment

  • Angular: 8.2.9
  • CDK/Material: 8.2.1
  • Browser(s): Chrome
  • Operating System (e.g. Windows, macOS, Ubuntu): macOS
@crisbeto crisbeto self-assigned this Oct 12, 2019
@crisbeto crisbeto added has pr P3 An issue that is relevant to core functions, but does not impede progress. Important, but not urgent labels Oct 12, 2019
crisbeto added a commit to crisbeto/material2 that referenced this issue Oct 12, 2019
@crisbeto
fix(autocomplete): not closing when clicking outside while propagatio…
a67c5aa 
…n is stopped

Fixes the autocomplete panel not closing if the user clicks outside on an element that stops propagation of the `click` event (e.g. a `mat-chip`).

Fixes angular#17352.
@crisbeto crisbeto linked a pull request Oct 12, 2019 that will close this issue
Open
mmalerba pushed a commit that referenced this issue Oct 19, 2019
@crisbeto @mmalerba
fix(autocomplete): not closing when clicking outside while propagatio…
23aa87e 
…n is stopped

Fixes the autocomplete panel not closing if the user clicks outside on an element that stops propagation of the `click` event (e.g. a `mat-chip`).

Fixes #17352.
jelbourn pushed a commit that referenced this issue Nov 20, 2019
@crisbeto @jelbourn
fix(autocomplete): not closing when clicking outside while propagatio…
94f59f8 
…n is stopped

Fixes the autocomplete panel not closing if the user clicks outside on an element that stops propagation of the `click` event (e.g. a `mat-chip`).

Fixes #17352.
crisbeto added a commit to crisbeto/material2 that referenced this issue Jul 5, 2020
@crisbeto
fix(autocomplete): not closing when clicking outside while propagatio…
9721022 
…n is stopped

Fixes the autocomplete panel not closing if the user clicks outside on an element that stops propagation of the `click` event (e.g. a `mat-chip`).

Fixes angular#17352.
@aeslinger0
Copy link

@jelbourn or @crisbeto I see the same behavior when clicking into an iframe. Will this fix handle that or should a new issue be opened?

crisbeto added a commit to crisbeto/material2 that referenced this issue Aug 21, 2020
@crisbeto
fix(autocomplete): not closing when clicking outside while propagatio…
fc31804 
…n is stopped

Fixes the autocomplete panel not closing if the user clicks outside on an element that stops propagation of the `click` event (e.g. a `mat-chip`).

Fixes angular#17352.
crisbeto added a commit to crisbeto/material2 that referenced this issue Jan 4, 2021
@crisbeto
fix(material/autocomplete): not closing when clicking outside while p…
5fa2d4c 
…ropagation is stopped

Fixes the autocomplete panel not closing if the user clicks outside on an element that
stops propagation of the `click` event (e.g. a `mat-chip`).

Fixes angular#17352.
crisbeto added a commit to crisbeto/material2 that referenced this issue Feb 14, 2021
@crisbeto
fix(material/autocomplete): not closing when clicking outside while p…
0d20156 
…ropagation is stopped

Fixes the autocomplete panel not closing if the user clicks outside on an element that
stops propagation of the `click` event (e.g. a `mat-chip`).

Fixes angular#17352.
crisbeto added a commit to crisbeto/material2 that referenced this issue Mar 19, 2022
@crisbeto
fix(material/autocomplete): not closing when clicking outside while p…
749d3ba 
…ropagation is stopped

Fixes the autocomplete panel not closing if the user clicks outside on an element that
stops propagation of the `click` event (e.g. a `mat-chip`).

Fixes angular#17352.
@crisbeto crisbeto mentioned this issue Nov 14, 2022
Closed
1 task
@mmalerba mmalerba removed the has pr label Dec 8, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
area: material/autocomplete P3 An issue that is relevant to core functions, but does not impede progress. Important, but not urgent
Projects
None yet
Milestone
No milestone
5 participants
@acalvo @crisbeto @aeslinger0 @mmalerba @andrewseguin