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.

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

auto-suggestion is not showing in the material chip after being selected from the suggestion drop-down list #25124

Open
tomjosephp opened this issue Jun 21, 2022 · 2 comments
Labels
area: material/chips P4 A relatively minor issue that is not relevant to core functions

Comments

@tomjosephp
Copy link

tomjosephp commented Jun 21, 2022

Description

The "Chip" field is showing the drop-down list by default only for adding the first-time chip. When the user is trying to add another user the drop-down list in not appear by default.

sample project in stackblitz
https://stackblitz.com/angular/mdyrvlpdylb?file=src%2Fapp%2Fchips-autocomplete-example.ts

sample code in GitHub
https://github.com/tomjosephp/angular_11_material_chip.git

Reproduction

Steps to reproduce:

  1. The "Chip" field is showing the auto-suggestion drop-down list by default only for adding the first-time chip.
  2. When the user is trying to add another the drop-down list in not appear by default.

Expected Behavior

auto-suggestion should be enabled by default after selecting from the suggestion list

Actual Behavior

The "Chip" field is showing the drop-down list by default only for adding the first-time chip. When the user is trying to add another user the drop-down list in not appear by default.

Version Details

Angular version: 11.2.4
Material Version: 11.0.0

Environment

  • Angular:
  • CDK/Material:
  • Browser(s):
  • Operating System (e.g. Windows, macOS, Ubuntu):
@tomjosephp tomjosephp added the needs triage This issue needs to be triaged by the team label Jun 21, 2022
@zarend zarend added P4 A relatively minor issue that is not relevant to core functions area: material/chips and removed needs triage This issue needs to be triaged by the team labels Jun 22, 2022
@zarend
Copy link
Contributor

zarend commented Jun 22, 2022

I played around with the provided stackblitz https://stackblitz.com/angular/mdyrvlpdylb?file=src%2Fapp%2Fchips-autocomplete-example.ts. The autocomplete popup would open when I tab to the text input. After selecting an option, the popup closes. I can open the popup again using the down key or by tying a letter (e.g. "l").

I believe this is working as intended. @crisbeto WDYT?

@tomjosephp
Copy link
Author

l

this is working for me
but the requirement is, that after selecting one from the auto-suggestion, we need to show the auto-suggestion dropdown automatically.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area: material/chips P4 A relatively minor issue that is not relevant to core functions
Projects
None yet
Development

No branches or pull requests

2 participants