Components: mat-chip cannot be selected

Created on 2 Jul 2018  路  5Comments  路  Source: angular/components

Bug, feature request, or proposal:

Bug

What is the expected behavior?

The chip should toggle the status of selected on click, if selectable is set to true.
This should change status and color (to blue) accordingly.

What is the current behavior?

It's not possible to select the chip.

What are the steps to reproduce?

Click on the chip

https://stackblitz.com/edit/mat-chip-select-issue?file=app/app.component.html

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

Ubuntu 18.10
Chrome and Firefox latest

Version of the link:

  • Angular 5.0.0-rc7
  • Material/CDK 2.0.0.beta12

My app

  • Angular 6.0.5
  • Material/CDK 6.2.1

Is there anything else we should know?

The bug occurs also in the official documentation:
https://material.angular.io/components/chips/overview

Most helpful comment

Will you be willing to add an input "clickable" or something similar to MatChip to allow selection by click?

All 5 comments

I noticed that chip is selectable if you use keyboard - navigate with arrow keys and select chip with space. But this is not working using mouse click. Must be bug

Closing as this is working as expected as selecting a chip on a click event is something that is expected to be handled by the user.

Here is a working fork from your reproduction.

Will you be willing to add an input "clickable" or something similar to MatChip to allow selection by click?

although this is easy to implement, but not easy to understand.
can somebody point out the design concept ?
Is this based on the material guide ?

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_This action has been performed automatically by a bot._

Was this page helpful?
0 / 5 - 0 ratings

Related issues

vanor89 picture vanor89  路  3Comments

vitaly-t picture vitaly-t  路  3Comments

Miiekeee picture Miiekeee  路  3Comments

MurhafSousli picture MurhafSousli  路  3Comments

RoxKilly picture RoxKilly  路  3Comments